Array.prototype.reduceRight()

callbackFn

Eine Funktion, die für jedes Element im Array ausgeführt wird. Ihr Rückgabewert wird zum Wert des accumulator-Parameters bei der nächsten Ausführung von callbackFn. Bei der letzten Ausführung wird der Rückgabewert zum Rückgabewert von reduceRight(). Die Funktion wird mit folgenden Argumenten aufgerufen:

accumulator

Der Wert, der aus dem vorherigen Aufruf von callbackFn resultiert. Beim ersten Aufruf ist sein Wert initialValue, wenn dieser angegeben ist; andernfalls ist sein Wert das letzte Element des Arrays.

currentValue

Der Wert des aktuellen Elements. Beim ersten Aufruf ist sein Wert das letzte Element, wenn initialValue angegeben ist; andernfalls ist sein Wert das vorletzte Element.

currentIndex

Die Indexposition von currentValue im Array. Beim ersten Aufruf ist sein Wert array.length - 1, wenn initialValue angegeben ist; andernfalls array.length - 2.

array

Das Array, auf das reduceRight() angewendet wurde.

initialValue Optional

Wert, der als Akkumulator für den ersten Aufruf von callbackFn verwendet wird. Wenn kein Initialwert angegeben ist, wird das letzte Element im Array verwendet und übersprungen. Der Aufruf von reduceRight() für ein leeres Array ohne Initialwert erzeugt einen TypeError.

Der Wert, der aus der Reduktion resultiert.

Die reduceRight()-Methode ist eine iterative Methode. Sie führt eine "Reducer"-Callback-Funktion über alle Elemente des Arrays in absteigender Reihenfolge aus und akkumuliert diese zu einem einzigen Wert. Lesen Sie den Abschnitt über iterative Methoden, um mehr darüber zu erfahren, wie diese Methoden im Allgemeinen funktionieren.

callbackFn wird nur für Array-Indizes aufgerufen, denen Werte zugewiesen wurden. Sie wird nicht für leere Stellen in sparse arrays aufgerufen.

Im Gegensatz zu anderen iterativen Methoden akzeptiert reduceRight() kein thisArg-Argument. callbackFn wird immer mit undefined als this aufgerufen, welches durch globalThis ersetzt wird, wenn callbackFn nicht strikt ist.

Die reduceRight()-Methode ist generisch. Sie erwartet nur, dass der this-Wert eine length-Eigenschaft und Integer-Keys als Eigenschaften hat.

Alle Hinweise bezüglich reduce, die im Abschnitt when to not use reduce() diskutiert werden, gelten ebenfalls für reduceRight. Da JavaScript keine Lazy Evaluation Semantik hat, gibt es keinen Leistungsunterschied zwischen reduce und reduceRight.

Der Aufruf der reduceRight-callbackFn würde in etwa so aussehen:

arr.reduceRight((accumulator, currentValue, index, array) => {
  // …
});

Wenn die Funktion zum ersten Mal aufgerufen wird, können accumulator und currentValue einer von zwei Werten sein. Wenn ein initialValue im Aufruf von reduceRight angegeben wurde, wird accumulator gleich initialValue und currentValue gleich dem letzten Wert im Array sein. Wenn kein initialValue angegeben wurde, wird accumulator gleich dem letzten Wert im Array sein und currentValue wird gleich dem vorletzten Wert sein.

Wenn das Array leer ist und kein initialValue angegeben wurde, würde ein TypeError ausgelöst. Wenn das Array nur ein Element hat (unabhängig von der Position) und kein initialValue angegeben wurde oder wenn initialValue angegeben ist, aber das Array leer ist, würde der alleinige Wert zurückgegeben, ohne callbackFn aufzurufen.

Einige Beispiel-Durchläufe der Funktion würden so aussehen:

[0, 1, 2, 3, 4].reduceRight(
  (accumulator, currentValue, index, array) => accumulator + currentValue,
);

Der Callback würde viermal aufgerufen mit den Argumenten und Rückgabewerten in jedem Aufruf wie folgt:

Der array-Parameter ändert sich während des Prozesses nie – er ist immer [0, 1, 2, 3, 4]. Der von reduceRight zurückgegebene Wert wäre der der letzten Callback-Ausführung (10).

Hier reduzieren wir das gleiche Array mit demselben Algorithmus, aber mit einem initialValue von 10, das als zweites Argument an reduceRight() übergeben wird:

[0, 1, 2, 3, 4].reduceRight(
  (accumulator, currentValue, index, array) => accumulator + currentValue,
  10,
);

Der von reduceRight zurückgegebene Wert wäre diesmal natürlich 20.

Funktionskomposition ist ein Mechanismus zur Kombination von Funktionen, bei dem die Ausgabe jeder Funktion in die nächste übergeben wird und die Ausgabe der letzten Funktion das Endergebnis ist. In diesem Beispiel verwenden wir reduceRight(), um Funktionskomposition zu implementieren.

Siehe auch Function composition auf Wikipedia.

const compose =
  (...args) =>
  (value) =>
    args.reduceRight((acc, fn) => fn(acc), value);

// Increment passed number
const inc = (n) => n + 1;

// Doubles the passed value
const double = (n) => n * 2;

// using composition function
console.log(compose(double, inc)(2)); // 6

// using composition function
console.log(compose(inc, double)(2)); // 5

reduceRight() überspringt fehlende Elemente in Sparse Arrays, aber es überspringt nicht undefined Werte.

console.log([1, 2, , 4].reduceRight((a, b) => a + b)); // 7
console.log([1, 2, undefined, 4].reduceRight((a, b) => a + b)); // NaN

Die reduceRight()-Methode liest die length-Eigenschaft von this und greift dann auf jede Eigenschaft zu, deren Schlüssel ein nichtnegativer Integer ist, der kleiner als length ist.

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
  3: 99, // ignored by reduceRight() since length is 3
};
console.log(Array.prototype.reduceRight.call(arrayLike, (x, y) => x - y));
// -1, which is 4 - 3 - 2

• Polyfill von Array.prototype.reduceRight in core-js
• es-shims Polyfill von Array.prototype.reduceRight
• Indexed collections Leitfaden
• Array
• Array.prototype.map()
• Array.prototype.flat()
• Array.prototype.flatMap()
• Array.prototype.reduce()
• TypedArray.prototype.reduceRight()
• Object.groupBy()
• Map.groupBy()