javascript crea una matriz vacía de un tamaño dado

Question 1

en javascript, ¿cómo crearía una matriz vacía de un tamaño dado?

Código Psuedo:

X = 3;
createarray(myarray, X, "");

salida:

   myarray = ["","",""]

Question 2

var arr = new Array(5);
console.log(arr.length) // 5

Question 3

1) Para crear una nueva matriz sobre la que no puede iterar , puede usar el constructor de matriz:

Array(100) o new Array(100)

2) Puede crear una nueva matriz, que se puede iterar como se muestra a continuación:

a) Todas las versiones de JavaScript

Array.apply: Array.apply(null, Array(100))

b) Desde la versión de JavaScript ES6

Operador de desestructuración: [...Array(100)]
Array.prototype.fill Array(100).fill(undefined)
Matriz. De Array.from({ length: 100 })

Puede mapear estas matrices como se muestra a continuación.

Array(4).fill(null).map((u, i) => i) [0, 1, 2, 3]
[...Array(4)].map((u, i) => i) [0, 1, 2, 3]
Array.apply(null, Array(4)).map((u, i) => i) [0, 1, 2, 3]
Array.from({ length: 4 }).map((u, i) => i) [0, 1, 2, 3]

Question 4

Usamos Array.from({length: 500})desde 2017.

Question 5

Intenta usar whileloop,Array.prototype.push()

var myArray = [], X = 3;
while (myArray.length < X) {
  myArray.push("")
}

Alternativamente, usando Array.prototype.fill()

var myArray = Array(3).fill("");

Question 6

En 2018 y de ahora en adelante usaremos [...Array(500)]para ese fin.

Question 7

A partir de ES5 (cuando se dio esta respuesta):

Si desea una matriz vacía de undefinedelementos, simplemente puede hacer

var whatever = new Array(5);

esto te daría

[undefined, undefined, undefined, undefined, undefined]

y luego, si desea que se llene con cadenas vacías, puede hacer

whatever.fill('');

que te daría

["", "", "", "", ""]

Y si quieres hacerlo en una línea:

var whatever = Array(5).fill('');

Question 8

Si desea crear una matriz anónima con algunos valores, puede usar esta sintaxis.

var arr = new Array(50).fill().map((d,i)=>++i)
console.log(arr)

Expandir fragmento

Question 9

Puede usar ambos métodos de JavaScript, repeat () y split () juntos.

" ".repeat(10).split(" ")

Este código creará una matriz que tiene 10 elementos y cada elemento es una cadena vacía.

const items = " ".repeat(10).split(" ")

document.getElementById("context").innerHTML = items.map((item, index) => index)

console.log("items: ", items)

<pre id="context">

</pre>

Expandir fragmento

Answer 1

94

en javascript, ¿cómo crearía una matriz vacía de un tamaño dado?

Código Psuedo:

X = 3;
createarray(myarray, X, "");

salida:

   myarray = ["","",""]

javascript gus
fuente

2

Probablemente usaría Array.prototype.fill .

RobG

Posible duplicado de los valores de matriz predeterminados

Nick Grealy

Publicación relacionada aquí .

RBT

Answer 2

2

Probablemente usaría Array.prototype.fill .

RobG

Answer 3

Posible duplicado de los valores de matriz predeterminados

Nick Grealy

Answer 4

Publicación relacionada aquí .

RBT

Answer 5

67

var arr = new Array(5);
console.log(arr.length) // 5

mariocatch
fuente

14

Preguntó el OP in javascript how would I create an empty array of a given size. Esto resuelve ese problema.

mariocatch

12

El OP ha proporcionado un ejemplo de "vacío".

RobG

6

Bueno, esta es otra opción a la pregunta. Pueden elegir cualquiera de las respuestas proporcionadas, esa es la gloria de stackoverflow :)

mariocatch

Answer 6

14

Preguntó el OP in javascript how would I create an empty array of a given size. Esto resuelve ese problema.

mariocatch

Answer 7

12

El OP ha proporcionado un ejemplo de "vacío".

RobG

Answer 8

6

Bueno, esta es otra opción a la pregunta. Pueden elegir cualquiera de las respuestas proporcionadas, esa es la gloria de stackoverflow :)

mariocatch

Answer 9

235

1) Para crear una nueva matriz sobre la que no puede iterar , puede usar el constructor de matriz:

Array(100) o new Array(100)

2) Puede crear una nueva matriz, que se puede iterar como se muestra a continuación:

a) Todas las versiones de JavaScript

Array.apply: Array.apply(null, Array(100))

b) Desde la versión de JavaScript ES6

Operador de desestructuración: [...Array(100)]
Array.prototype.fill Array(100).fill(undefined)
Matriz. De Array.from({ length: 100 })

Puede mapear estas matrices como se muestra a continuación.

Array(4).fill(null).map((u, i) => i) [0, 1, 2, 3]
[...Array(4)].map((u, i) => i) [0, 1, 2, 3]
Array.apply(null, Array(4)).map((u, i) => i) [0, 1, 2, 3]
Array.from({ length: 4 }).map((u, i) => i) [0, 1, 2, 3]

stpoa
fuente

1

Array.prototype.fill (> = ES6) kangax.github.io/compat-table/es6/… ;

ptim

4

La iluminación del día: cuando menciona en la parte (A) que una matriz recién creada que utiliza la sintaxis del constructor ni siquiera es iterable. Javascript realmente sorprende a veces.

RBT

¿Cuál es el tamaño de Array(10000)con empty x 10000?

Qwerty

1

Su longitud es 10000, puede verificarla por console.log(Array(10000).length)Pero si ejecuta Array(10000).forEach((u, i) => console.log(i)), no obtendrá salida

stpoa

Array.apply('x', Array(10))es en realidad[undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]

Polv

Answer 10

1

Array.prototype.fill (> = ES6) kangax.github.io/compat-table/es6/… ;

ptim

Answer 11

4

La iluminación del día: cuando menciona en la parte (A) que una matriz recién creada que utiliza la sintaxis del constructor ni siquiera es iterable. Javascript realmente sorprende a veces.

RBT

Answer 12

¿Cuál es el tamaño de Array(10000)con empty x 10000?

Qwerty

Answer 13

1

Su longitud es 10000, puede verificarla por console.log(Array(10000).length)Pero si ejecuta Array(10000).forEach((u, i) => console.log(i)), no obtendrá salida

stpoa

Answer 14

Array.apply('x', Array(10))es en realidad[undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]

Polv

Answer 15

44

Usamos Array.from({length: 500})desde 2017.

andrewkslv
fuente

@ gion_13: Veo que se votó a favor y que el mío se votó en contra. ¿Razón?

7vujy0f0hy

@ 7vujy0f0hy No sé por qué obtuviste votos negativos. Le di un voto a favor, aunque su solución es un poco menos intuitiva que esta.

gion_13

@ gion_13: Gracias por confirmar que no hay nada de malo en mi solución ☺.

7vujy0f0hy

Answer 16

@ gion_13: Veo que se votó a favor y que el mío se votó en contra. ¿Razón?

7vujy0f0hy

Answer 17

@ 7vujy0f0hy No sé por qué obtuviste votos negativos. Le di un voto a favor, aunque su solución es un poco menos intuitiva que esta.

gion_13

Answer 18

@ gion_13: Gracias por confirmar que no hay nada de malo en mi solución ☺.

7vujy0f0hy

Answer 19

17

Intenta usar whileloop,Array.prototype.push()

var myArray = [], X = 3;
while (myArray.length < X) {
  myArray.push("")
}

Alternativamente, usando Array.prototype.fill()

var myArray = Array(3).fill("");

invitado271314
fuente

.fill()es una elegante solución de una sola línea. ¡Gracias!

colefner

Answer 20

.fill()es una elegante solución de una sola línea. ¡Gracias!

colefner

Answer 21

15

En 2018 y de ahora en adelante usaremos [...Array(500)]para ese fin.

7vujy0f0hy
fuente

1

¡en el futuro!

Levi

Hilarantemente, esto (y similares) es un 50% más lento que solo (() => { let n = []; for(var i=0;i<500;i++){y.push("");} return n; })().

Alex

Eso huele a optimización prematura, tal vez si tiene la intención de crear un montón de matrices con decenas de millones de elementos, es posible que desee considerarlo, pero unos pocos nanosegundos, en la mayoría de los casos, no harán que valga la pena el golpe de legibilidad. .

JaredMcAteer

Answer 22

1

¡en el futuro!

Levi

Answer 23

Hilarantemente, esto (y similares) es un 50% más lento que solo (() => { let n = []; for(var i=0;i<500;i++){y.push("");} return n; })().

Alex

Answer 24

Eso huele a optimización prematura, tal vez si tiene la intención de crear un montón de matrices con decenas de millones de elementos, es posible que desee considerarlo, pero unos pocos nanosegundos, en la mayoría de los casos, no harán que valga la pena el golpe de legibilidad. .

JaredMcAteer

Answer 25

10

A partir de ES5 (cuando se dio esta respuesta):

Si desea una matriz vacía de undefinedelementos, simplemente puede hacer

var whatever = new Array(5);

esto te daría

[undefined, undefined, undefined, undefined, undefined]

y luego, si desea que se llene con cadenas vacías, puede hacer

whatever.fill('');

que te daría

["", "", "", "", ""]

Y si quieres hacerlo en una línea:

var whatever = Array(5).fill('');

jeffdill2
fuente

2

new Array (2) no le da [undefined, undefined]. Te da una matriz que no es iterable.

JCF

OKAY. Hay algo más que no entiendo. Estoy creando una nueva matriz con new Array(2)y lo que obtengo [ <2 empty items> ]no lo es [undefined, undefined]. Usar .mapen el primero no tiene ningún efecto. Sin embargo, puedo iterar sobre él usando un for...ofbucle. Si creo una nueva matriz usando notación literal a = [undefined, undefined], puedo usarla .map.

JCF

1

@JCF for ... of usa el protocolo iterador, por lo que se comporta de manera diferente a forEach / map. Los iteradores pierden información de vacío

Tomasz Błachut

@ TomaszBłachut @JCF Para los votantes en contra, tenga en cuenta que esta respuesta se dio hace más de 4 años, en cuyo momento, esta respuesta era 100% válida. ES6 y ES7 no comenzaron a implementarse en los navegadores hasta mediados de 2016 y mediados de 2018, respectivamente. En el momento de esta respuesta, la versión JS habría sido ES5. Si necesita más pruebas de que esto es la forma en que funcionó ES5, simplemente inicie una instancia anterior de Chrome (en el momento de esta respuesta, habría sido v48) y ejecute Array(5). Verá el siguiente resultado: [undefined x 5].

jeffdill2

@ jeffdill2 Es mejor agregar nueva información a la propia respuesta. Los comentarios no siempre se leen en su totalidad.

Boaz

Answer 26

2

new Array (2) no le da [undefined, undefined]. Te da una matriz que no es iterable.

JCF

Answer 27

OKAY. Hay algo más que no entiendo. Estoy creando una nueva matriz con new Array(2)y lo que obtengo [ <2 empty items> ]no lo es [undefined, undefined]. Usar .mapen el primero no tiene ningún efecto. Sin embargo, puedo iterar sobre él usando un for...ofbucle. Si creo una nueva matriz usando notación literal a = [undefined, undefined], puedo usarla .map.

JCF

Answer 28

1

@JCF for ... of usa el protocolo iterador, por lo que se comporta de manera diferente a forEach / map. Los iteradores pierden información de vacío

Tomasz Błachut

Answer 29

@ TomaszBłachut @JCF Para los votantes en contra, tenga en cuenta que esta respuesta se dio hace más de 4 años, en cuyo momento, esta respuesta era 100% válida. ES6 y ES7 no comenzaron a implementarse en los navegadores hasta mediados de 2016 y mediados de 2018, respectivamente. En el momento de esta respuesta, la versión JS habría sido ES5. Si necesita más pruebas de que esto es la forma en que funcionó ES5, simplemente inicie una instancia anterior de Chrome (en el momento de esta respuesta, habría sido v48) y ejecute Array(5). Verá el siguiente resultado: [undefined x 5].

jeffdill2

Answer 30

@ jeffdill2 Es mejor agregar nueva información a la propia respuesta. Los comentarios no siempre se leen en su totalidad.

Boaz

Answer 31

Si desea crear una matriz anónima con algunos valores, puede usar esta sintaxis.

var arr = new Array(50).fill().map((d,i)=>++i)
console.log(arr)

Expandir fragmento

Answer 32

Puede usar ambos métodos de JavaScript, repeat () y split () juntos.

" ".repeat(10).split(" ")

Este código creará una matriz que tiene 10 elementos y cada elemento es una cadena vacía.

const items = " ".repeat(10).split(" ")

document.getElementById("context").innerHTML = items.map((item, index) => index)

console.log("items: ", items)

<pre id="context">

</pre>

Expandir fragmento

javascript crea una matriz vacía de un tamaño dado

Respuestas: