Warum nimmt Array.prototype.reduce() kein leeres Array als Akkumulator an?

Question

Ich versuche, alle Elemente in einem Array, die größer als 10 sind, zu einem neuen Array zu filtern. Ich verwende absichtlich nicht Array.prototype.filter(), da ich die reduce() Methode erlernen möchte. Hier ist der Code, ich spiele mit

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); 
 
    } 
 
}, []);

Ich hatte erwartet, dass filteredArr würde zum Zeitpunkt der ersten Rückruf Ausführung mit einem leeren Array initialisiert werden, da es mit vielen Beispielen geschieht here zur Verfügung gestellt. Aber wenn ich diesen Code ausführen, bekomme ich den Fehler Cannot read property 'push' of undefined, wo ich es vermasseln? Vielen Dank!

Answer 1

Sie müssen die filteredArr von Ihrer anonymen Funktion zurückzukehren, so dass sie als previousValue für den nächsten Anruf verwendet wird

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 wird die Länge des neuen Arrays zurück. Sie müssen den Akku zurückgeben. Eine prägnante Art und Weise, dies zu tun ist mit Array.prototype.concat, da diese Methode tatsächlich das Array zurück:

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

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

Sie haben die Speicher zurück, so dass die nächste Iteration den Wert des Speichers verwenden kann.