forEach auf einem neuen Array 'tun, ist nicht das, was ich

Question

erwarte ich bin nur zu lernen, wie JS verwenden Funktionen höherer Ordnung (Karte, forEach, reduzieren, usw.) und haben in Verwirrung gestolpert. Ich versuche eine einfache 'Range'-Funktion zu schreiben, kann aber mein Ausgabe-Array nicht füllen. Dies ist das Ziel:

range(1, 4) // [1, 2, 3, 4] 

ich diese bekommen:

[undefined × 4] 

Hier ist mein Code:

function range(num1, num2) { 
     var rangeArr = new Array((num2 + 1) - num1); 
     return rangeArr.map(function(e, i, arr) {return arr[i] = num1 + i}); 
    } 

Was ich hier fehlt? Soweit ich das beurteilen kann, scheint das Problem etwas damit zu tun zu haben, wie ich 'neues Array' benutze, aber darüber hinaus bin ich verloren.

Oh, und hier ist der Teil, der mich wirklich verwirrt. Dies funktioniert gut:

function bleck() { 
    var blah = [1, 2, 3, 4]; 
    var x = 'wtf'; 
    return blah.map(function(e, i, arr) {return arr[i] = x}) 
} 

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

Dank !!

Answer 1

Die Methode forEach iteriert über die Indizes des Arrays. Interessanterweise, wenn Sie ein neues Array über new Array(n) erstellen, enthält es keine Indizes auf allen. Stattdessen legt es nur seine .length Eigenschaft fest.

> var a = new Array(3); 
> console.info(a) 
[] 
> console.info([undefined, undefined, undefined]) 
[undefined, undefined, undefined] 

MDN beschreibt forEach und speziell erklärt:

forEach führt den vorgesehenen Rückruf einmal für jedes Element des Arrays mit einem zugeordneten Wert.Es wird nicht für Indizes aufgerufen, die gelöscht oder gelöscht haben.

Hier ist eine saubere Technik, um ein Array mit leeren, aber vorhandenen Indizes zu erhalten.

var a = Array.apply(null, Array(3)); 

Das funktioniert, weil .apply „erweitert“ die elided Elemente in der richtigen Argumente und die Ergebnisse enden so etwas wie Array(undefined, undefined, undefined) zu sein.

Answer 2

Das Problem ist, dass map nicht iterieren nicht undefiniert Einträge (*).

Ich schlage vor, mit einer for Schleife statt:

var rangeArr = new Array((num2 + 1) - num1); 
for(var i=0; i<=num2-num1; ++i) 
    rangeArr[i] = num1 + i; 
return rangeArr; 

(*) Mit undefinierten Einträge I rangeArr.hasOwnProperty(i) === false bedeuten, nicht mit rangeArr[i] === void 0 zu verwechseln.

Answer 3

wird das Array mit 4 entires von denen jeder undefiniert definiert.

Karte nicht undefiniert entires iterieren, es ihnen überspringt.

Callback wird nur für Indizes des Arrays aufgerufen, die Werte zugewiesen haben; Es wird nicht für Indizes aufgerufen, die nicht definiert sind und die gelöscht wurden oder denen nie Werte zugewiesen wurden.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Answer 4

Wenn Sie ein erstellen new Array(x) es schafft, was ein spärliche Array genannt wird, die ein bisschen anders verhalten könnten, wie Sie sehen können, werden einige Browser [undefined x 20,"foo", undefined x 5] sagen, wenn Sie nur einen Satz Wert, und ich glaube, es iteriert nicht über diese Werte.