Warum ist der Ausgang [0, 1, 2, 3, 4] für diese Funktion auf dem folgenden Array?

Question

var hello = Array.apply(null, Array(5)).map(function (x, i) { return i; }); 

ich bekommen, was Karte tut, aber ich verstehe nicht, warum die Funktion tut, was sie tut das hello == [0, 1, 2, 3, 4]

Answer 1

Der zweite Parameter auf dem Verschluss zu map ist die Array-Schlüssel übergeben zu machen. Das ist, was zurückgegeben wird, so Sie bekommen 5 Array-Schlüssel, beginnend bei 0.

Answer 2

Vielleicht sollten wir es brechen:

var arr = Array(5); 
arr === [,,,,,]; // array with five undefined slots 
arr === [undefined, undefined, undefined, undefined, undefined]; // same as this :) 

Jeder hat einen Index:

arr[4]; // yay! => undefined 

map Durchläuft jeden Slot und die Mapping-Funktion erhält 2 Params, den Wert und den Index.

function (x, i) { return i; } 

map erzeugt ein Array aller return Werte aus der Abbildungsfunktion.

Answer 3

Sie können herausfinden, indem ein Trockenlauf des Codes auszuführen:

var hello = Array.apply(null, Array(5)) 

An dieser Stelle:

hello == [undefined,undefined,undefined,undefined,undefined] 

Jetzt:

hello.map(function (x, i) { return i; }); 

ist das Äquivalent zu (Verwendung die Kommentare, um zu sehen, wie der folgende Bezug auf die obige Funktion:

for(var i = 0; i < hello.length; i++){ // i is the index 
    x = hello[i];      // x is the value at each index 

    // Function body below using `hello[i] = ` instead of return 
    hello[i] = i; 
} 

Daher ist das Ergebnis von jedem Element in der Liste Einstellung auf den Index dieses Elements:

[0, 1, 2, 3, 4]