Verwendung der Reduce-Funktion, um ein Array zurückzugeben

Warum erhalte ich eine Fehlermeldung, wenn ich die Push-Funktion innerhalb der Reduce-Funktion verwenden möchte, um ein neues Array zurückzugeben? Wenn ich jedoch die concat-Methode innerhalb der Reduce-Funktion verwende, gibt sie problemlos ein neues Array zurück.

Alles, was ich versuche, ist, ein Array an die Reduce-Funktion zu übergeben und dasselbe Array zurückzugeben.

var store = [0,1,2,3,4];

var stored = store.reduce(function(pV,cV,cI){
  console.log("pv: ", pV);
  return pV.push(cV);
},[]);

Dies gibt einen Fehler zurück. Aber wenn ich concat verwende:

var store = [0,1,2,3,4];

var stored = store.reduce(function(pV,cV,cI){
  console.log("pv: ", pV);
  return pV.concat(cV);
},[]);

Es gibt das gleiche Array zurück.

Irgendwelche Ideen warum?

push gibt die neue Länge des Arrays zurück.

Was Sie brauchen, ist das anfänglich bereitgestellte Array.

Ändern Sie also den Code wie folgt.

var store = [0, 1, 2, 3, 4];

var stored = store.reduce(function(pV, cV, cI){
  console.log("pv: ", pV);
  pV.push(cV);
  return pV; // *********  Important ******
}, []);

concat gibt das neue Array zurück, das die Elemente des bereitgestellten Arrays und die verketteten Elemente kombiniert. es funktioniert also.

Nur der Vollständigkeit halber und für die nächste Person, die auf diese Frage stößt, wird das, was Sie tun, normalerweise erreicht map was, wie in den Dokumenten angegeben

map ruft eine bereitgestellte Callback-Funktion einmal für jedes Element in einem Array der Reihe nach auf und erstellt aus den Ergebnissen ein neues Array

Vergleichen Sie das mit der Beschreibung von reduce:

Die Methode Reduce() wendet eine Funktion auf einen Akkumulator und jeden Wert des Arrays (von links nach rechts) an, um ihn zu reduzieren zu einem einzigen Wert.

(Hervorhebung von mir) Sie sehen also, obwohl Sie kann manipulieren reduce Um ein neues Array zurückzugeben, wird es im Allgemeinen verwendet, um ein Array auf einen einzelnen Wert zu reduzieren.

Für Ihren Code wäre dies also:

var store = [0,1,2,3,4];

var stored = store.map(function(pV){
  console.log("pv: ", pV);
  return pV;
});

Viel einfacher als zu versuchen, ein neues Array mit einem von beiden zu rekonstruieren push oder concat innerhalb eines reduce Funktion.

Ich weiß, dass dies die gleiche Antwort ist, aber ich möchte das nur mit zeigen reduce ()kann die Syntax mit ES6 auch auf eine einzige Codezeile reduziert werden:

var store = [0,1,2,3,4];

var stored = store.reduce((pV,cV) => [...pV, cV], []);

console.log(stored);

reduce() kann nützlich sein, wenn Sie ein Array mit mehreren Elementen für jedes iterierte Element zurückgeben müssen:

var inputs = media.reduce((passedArray, video) => {
    passedArray.push("-i");
    passedArray.push(video.filepath);
    return passedArray;
}, []);

Hier wird es verwendet, um das Eingabearray für FFmpeg zu erstellen;

[{ name: "bob", filepath: "1.mp4" }, { name: "sue", filepath: "3.mp4" }]
=> ["-i", "1.mp4", "-i", "2.mp4]

Array.prototype.push Die Methode gibt die neue Länge des Arrays zurück.

Array.prototype.concat Die Methode fügt ein neues Element in das Array ein und gibt das Array zurück, damit es weiter verarbeitet werden kann. Dies ist, was Sie mit Reduce tun müssen: Übergeben Sie das modifizierte Array bei der nächsten Iteration.

Sie können immer die Destrukturierung verwenden:

var store = [0,1,2,3,4];

var stored = store.reduce(function(pV,cV,cI){
  console.log("pv: ", pV);
  return [...pV, cV];
},[]);

console.log(stored);