Perché Array.prototype.reduce() non sta prendendo una matrice vuota come accumulatore?

Question

Sto provando a filtrare tutti gli elementi in una matrice che sono più grandi di 10 in una nuova matrice. Non sto intenzionalmente utilizzando Array.prototype.filter() poiché voglio imparare il metodo reduce(). Ecco il codice giocavo con

var collection = [3, 5, 11, 23, 1]; 
 

 
// fileter all the elements bigger than 10 to a new array 
 

 
var output = collection.reduce(function(filteredArr, collectionElemet) { 
 
    if (collectionElemet > 10) { 
 
    return filteredArr.push(collectionElemet); 
 
    } 
 
}, []);

mi aspettavo che sarebbe filteredArr essere inizializzato con un array vuoto al momento della prima esecuzione callback come accade con molti esempi forniti here. Ma quando eseguo questo codice, ottengo l'errore Cannot read property 'push' of undefined, dove sto scherzando? Grazie!

Answer 1

è necessario restituire il filteredArr dalla funzione anonima, in modo che esso viene utilizzato come previousValue per la successiva chiamata

var collection = [3, 5, 11, 23, 1]; 

// filter all the elements bigger than 10 to a new array 

var output = collection.reduce(function(filteredArr, collectionElement) { 
    if (collectionElement > 10) { 
    filteredArr.push(collectionElement); 
    } 
    return filteredArr; 
}, []); 

Answer 2

Array.prototype.push restituirà la lunghezza del nuovo array. Devi restituire l'accumulatore. Un modo sintetico per farlo è con Array.prototype.concat, dal momento che il metodo effettivamente restituire la matrice:

var collection = [3, 5, 11, 23, 1]; 

var output = collection.reduce(function(filteredArr, collectionElemet) { 
    if (collectionElemet > 10) { 
    return filteredArr.concat(collectionElemet); 
    } 
}, []); 

È necessario restituire l'accumulatore così la prossima iterazione può utilizzare il valore dell'accumulatore.