Ist ein neues JavaScript-Array mit der Länge unbrauchbar?

Question

Nach den MDN documentation for new Array(length) kann ich ein Array mit einer bestimmten Länge als solche initialisieren:

var a = new Array(10); 
a.length; // => 10 
a; // => [undefined x 10] 

jedoch anscheinend kann ich nicht Methoden wie map(...) auf das neue Array, auch wenn auf andere Weise konstruiert Arrays arbeitet fein:

a.map(function() { return Math.random(); }); 
// => [undefined x 10] -- wtf? 
[undefined, undefined].map(function() { return Math.random(); }); 
// => [0.07192076672799885, 0.8052175589837134] 

Warum ist das der Fall?

Ich verstehe, aus dieser Erfahrung (und das Suchen im Internet), dass der Array-Konstruktor mit Länge ein schwarzes Loch von unerklärlichem Verhalten ist, aber nicht die ECMA   262-Spezifikation bietet eine Erklärung?

Answer 1

new Array(10) gibt kein Array zurück, das mit 10 undefined s gefüllt ist. Stattdessen wird ein Array ohne Elemente und mit einer length Eigenschaft von 10 zurückgegeben.

Siehe den Unterschied:

var arr1 = new Array(1), 
    arr2 = [undefined]; 
arr1.length === arr2.length; // Both are `1` 
arr1[0] === arr2[1];   // Both are `undefined` 
arr1.hasOwnProperty(0);  // false 
arr2.hasOwnProperty(0);  // true 

Daher ECMAScript   5-Array Methoden diese nicht vorhandenen Eigenschaften überspringen. Insbesondere, wenn sie von 0 bis length iterieren, überprüfen sie die interne Methode des Arrays .

Sie können das Problem beheben leicht mit ECMAScript (die polyfilled sein kann):

new Array(10).fill().map(Math.random);