forEach su un 'nuovo array' non sta facendo quello che mi aspetto

Question

Sto solo imparando come utilizzare le funzioni di ordine superiore di JS (mappa, perOgni, riduci, ecc.) E sono incappato in confusione. Sto cercando di scrivere una semplice funzione 'intervallo', ma non riesco a popolare la mia matrice di output. Questo è l'obiettivo:

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

sto ottenendo questo:

[undefined × 4] 

Qui è il mio codice:

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

Che cosa mi manca qui? Per quanto posso dire, il problema sembra avere qualcosa a che fare con il modo in cui sto usando il "nuovo array", ma oltre a ciò sono perso.

Oh, ed ecco la parte che mi confonde davvero. Funziona bene:

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"] 

Grazie !!

Answer 1

Il metodo forEach itera su gli indici dell'array. È interessante notare che quando si crea un nuovo array tramite new Array(n), esso contiene senza indici per tutto. Invece, imposta semplicemente la proprietà .length.

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

MDN descrive forEach, e afferma specificamente:

forEach esegue la richiamata prevista una volta per ogni elemento della matrice con un valore assegnato.È non invocato per gli indici che hanno eliminato o eliminato.

Ecco una tecnica accurata per ottenere un array con indici vuoti, ma esistenti.

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

Questo funziona perché .apply "espande" gli elementi elise in argomenti corretti, ed i risultati finisce per essere qualcosa di simile Array(undefined, undefined, undefined).

Answer 2

Il problema è che map non itera le voci non definite (*).

Io suggerisco di usare un ciclo for invece:

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

(*) Con voci indefinite Voglio dire rangeArr.hasOwnProperty(i) === false, da non confondere con rangeArr[i] === void 0.

Answer 3

La matrice è definita con 4 voci ciascuna delle quali non è definita.

La mappa non esegue iterazioni su entrate indefinite, le salta.

la richiamata viene invocata solo per gli indici dell'array che hanno assegnato i valori ; non è invocato per indici indefiniti, quelli che sono stati cancellati o che non sono mai stati assegnati valori.

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

Answer 4

Quando si crea un new Array(x) sta creando quello che viene chiamato un sparse matrice, che potrebbe comportarsi in modo un po 'diverso, come si può vedere, alcuni browser diranno [undefined x 20,"foo", undefined x 5] se appena impostato uno valore, e credo che non iterare su quei valori.