¿Por qué el método `mapa` aparentemente no funciona en matrices creadas a través de `nueva matriz (recuento)`?

Question 1

He observado esto en Firefox-3.5.7/Firebug-1.5.3 y Firefox-3.6.16/Firebug-1.6.2

Cuando enciendo Firebug:

var x = new Array(3)
console.log(x) 
// [undefined, undefined, undefined]

var y = [undefined, undefined, undefined]
console.log(y) 
// [undefined, undefined, undefined]

console.log(x.constructor == y.constructor) // true

console.log( 
  x.map(function() { return 0; })
)
// [undefined, undefined, undefined]

console.log(
  y.map(function() { return 0; })
)
// [0, 0, 0]

¿Que está pasando aqui? ¿Es esto un error, o estoy malinterpretando cómo usar new Array(3)?

Question 2

Tenía una tarea en la que solo conocía la longitud de la matriz y necesitaba transformar los elementos. Quería hacer algo como esto:

let arr = new Array(10).map((val,idx) => idx);

Para crear rápidamente una matriz como esta:

[0,1,2,3,4,5,6,7,8,9]

Pero no funcionó porque: (ver la respuesta de Jonathan Lonowski)

La solución podría ser llenar los elementos de la matriz con cualquier valor (incluso sin definir) usando Array.prototype.fill()

let arr = new Array(10).fill(undefined).map((val,idx) => idx);

console.log(new Array(10).fill(undefined).map((val, idx) => idx));

Actualizar

Otra solución podría ser:

let arr = Array.apply(null, Array(10)).map((val, idx) => idx);

console.log(Array.apply(null, Array(10)).map((val, idx) => idx));

Question 3

Parece que el primer ejemplo

x = new Array(3);

Crea una matriz con una longitud de 3 pero sin ningún elemento, por lo que los índices [0], [1] y [2] no se crea.

Y el segundo crea una matriz con los 3 objetos indefinidos, en este caso, los índices/propiedades en sí mismos se crean pero los objetos a los que se refieren no están definidos.

y = [undefined, undefined, undefined]
// The following is not equivalent to the above, it's the same as new Array(3)
y = [,,,];

Como el mapa se ejecuta en la lista de índices/propiedades, no en la longitud establecida, si no se crean índices/propiedades, no se ejecutará.

Question 4

Con ES6, puedes hacer [...Array(10)].map((a, b) => a) ¡Rapido y Facil!

Question 5

Solución ES6:

[...Array(10)]

Sin embargo, no funciona en mecanografiado (2.3).

Question 6

Desde la página del MDC para map:

[…] callback se invoca solo para los índices de la matriz que tienen un valor asignado; […]

[undefined] realmente aplica el setter en el(los) índice(s) para que map iterará, mientras que new Array(1) simplemente inicializa los índices con un valor predeterminado de undefined entonces map se lo salta.

Creo que esto es lo mismo para todos. métodos de iteración.

Question 7

Las matrices son diferentes. la diferencia es que new Array(3) crea una matriz con una longitud de tres pero sin propiedades, mientras que [undefined, undefined, undefined] crea una matriz con una longitud de tres y tres propiedades llamadas “0”, “1” y “2”, cada una con un valor de undefined. Puedes ver la diferencia usando el in operador:

"0" in new Array(3); // false
"0" in [undefined, undefined, undefined]; // true

Esto se debe al hecho ligeramente confuso de que si intenta obtener el valor de una propiedad inexistente de cualquier objeto nativo en JavaScript, devuelve undefined (en lugar de arrojar un error, como sucede cuando intenta hacer referencia a una variable inexistente), que es lo mismo que obtiene si la propiedad se ha establecido explícitamente en undefined.

Question 8

Por razones explicadas detalladamente en otras respuestas, Array(n).map no funciona Sin embargo, en ES2015 Array.from acepta una función de mapa:

let array1 = Array.from(Array(5), (_, i) => i + 1)
console.log('array1', JSON.stringify(array1)) // 1,2,3,4,5

let array2 = Array.from({length: 5}, (_, i) => (i + 1) * 2)
console.log('array2', JSON.stringify(array2)) // 2,4,6,8,10

¿Ha sido útil esta solución?