Movatterモバイル変換


[0]ホーム

URL:


MDN Web Docs

Experiment: Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.

Array.prototype.reduceRight()

BaselineWidely available

DiereduceRight() Methode vonArray Instanzen wendet eine Funktion gegen einen Akkumulator und jeden Wert des Arrays (von rechts nach links) an, um es auf einen einzigen Wert zu reduzieren.

Siehe auchArray.prototype.reduce() für von links nach rechts.

Probieren Sie es aus

const array1 = [  [0, 1],  [2, 3],  [4, 5],];const result = array1.reduceRight((accumulator, currentValue) =>  accumulator.concat(currentValue),);console.log(result);// Expected output: Array [4, 5, 2, 3, 0, 1]

Syntax

js
reduceRight(callbackFn)reduceRight(callbackFn, initialValue)

Parameter

callbackFn

Eine Funktion, die für jedes Element im Array ausgeführt wird. Ihr Rückgabewert wird zum Wert desaccumulator-Parameters beim nächsten Aufruf voncallbackFn. Beim letzten Aufruf wird der Rückgabewert zum Rückgabewert vonreduceRight(). Die Funktion wird mit den folgenden Argumenten aufgerufen:

accumulator

Der Wert, der aus dem vorherigen Aufruf voncallbackFn resultiert. Beim ersten Aufruf ist sein WertinitialValue, falls 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, fallsinitialValue angegeben ist; andernfalls ist sein Wert das vorletzte Element.

currentIndex

Die Indexposition voncurrentValue im Array. Beim ersten Aufruf ist sein Wertarray.length - 1, fallsinitialValue angegeben ist, andernfallsarray.length - 2.

array

Das Array, auf demreduceRight() aufgerufen wurde.

initialValueOptional

Wert, der als Akkumulator beim ersten Aufruf dercallbackFn verwendet wird. Wenn kein Initialwert angegeben ist, wird das letzte Element im Array verwendet und übersprungen. Der Aufruf vonreduceRight() auf einem leeren Array ohne Initialwert erzeugt einenTypeError.

Rückgabewert

Der Wert, der aus der Reduktion resultiert.

Beschreibung

DiereduceRight() Methode ist eineiterative Methode. Sie führt eine "Reduzierer"-Callbackfunktion über alle Elemente im Array in absteigender Index-Reihenfolge aus und akkumuliert sie zu einem einzigen Wert. Lesen Sie den Abschnitt überiterative Methoden für weitere Informationen, wie diese Methoden im Allgemeinen funktionieren.

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

Im Gegensatz zu andereniterativen Methoden akzeptiertreduceRight() keinthisArg-Argument.callbackFn wird immer mitundefined alsthis aufgerufen, das mitglobalThis ersetzt wird, wenncallbackFn nicht strikt ist.

DiereduceRight() Methode istgenerisch. Sie erwartet lediglich, dass derthis-Wert einelength-Eigenschaft und Integer-Index-Eigenschaften hat.

Alle Warnhinweise zureduce, die inwann man reduce nicht verwenden sollte diskutiert werden, gelten auch fürreduceRight. Da JavaScript keine Lazy-Evaluations-Semantik hat, besteht kein Leistungsunterschied zwischenreduce undreduceRight.

Beispiele

Wie reduceRight() ohne einen Initialwert funktioniert

Der Aufruf derreduceRightcallbackFn sähe ungefähr so aus:

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

Beim ersten Aufruf der Funktion könnenaccumulator undcurrentValue einen von zwei Werten haben. Wenn eininitialValue bei dem Aufruf vonreduceRight angegeben wurde, wirdaccumulator gleichinitialValue undcurrentValue gleich dem letzten Wert im Array sein. Wenn keininitialValue angegeben wurde, wirdaccumulator gleich dem letzten Wert im Array undcurrentValue gleich dem vorletzten Wert sein.

Wenn das Array leer ist und keininitialValue angegeben wurde, würde einTypeError ausgelöst. Wenn das Array nur ein Element hat (unabhängig von der Position) und keininitialValue angegeben wurde, oder wenninitialValue angegeben ist, aber das Array leer ist, wird der Solo-Wert zurückgegeben, ohne dasscallbackFn aufgerufen wird.

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

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

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

accumulatorcurrentValueindexRückgabewert
Erster Aufruf4337
Zweiter Aufruf7229
Dritter Aufruf91110
Vierter Aufruf100010

Derarray-Parameter ändert sich während des Prozesses nie – es ist immer[0, 1, 2, 3, 4]. Der vonreduceRight zurückgegebene Wert wäre der des letzten Callback-Aufrufs (10).

Wie reduceRight() mit einem Initialwert funktioniert

Hier reduzieren wir dasselbe Array mit demselben Algorithmus, aber mit eineminitialValue von10, der als zweites Argument anreduceRight() übergeben wird:

js
[0, 1, 2, 3, 4].reduceRight(  (accumulator, currentValue, index, array) => accumulator + currentValue,  10,);
accumulatorcurrentValueindexRückgabewert
Erster Aufruf104414
Zweiter Aufruf143317
Dritter Aufruf172219
Vierter Aufruf191120
Fünfter Aufruf200020

Der vonreduceRight zurückgegebene Wert wäre dieses Mal natürlich20.

Alle Werte innerhalb eines Arrays summieren

js
const sum = [0, 1, 2, 3].reduceRight((a, b) => a + b);// sum is 6

Eine Liste von asynchronen Funktionen mit Rückruffunktionen in Serie ausführen, wobei die Ergebnisse an die nächste Funktion weitergegeben werden

js
const waterfall =  (...functions) =>  (callback, ...args) =>    functions.reduceRight(      (composition, fn) =>        (...results) =>          fn(composition, ...results),      callback,    )(...args);const randInt = (max) => Math.floor(Math.random() * max);const add5 = (callback, x) => {  setTimeout(callback, randInt(1000), x + 5);};const mul3 = (callback, x) => {  setTimeout(callback, randInt(1000), x * 3);};const sub2 = (callback, x) => {  setTimeout(callback, randInt(1000), x - 2);};const split = (callback, x) => {  setTimeout(callback, randInt(1000), x, x);};const add = (callback, x, y) => {  setTimeout(callback, randInt(1000), x + y);};const div4 = (callback, x) => {  setTimeout(callback, randInt(1000), x / 4);};const computation = waterfall(add5, mul3, sub2, split, add, div4);computation(console.log, 5); // Logs 14// same as:const computation2 = (input, callback) => {  const f6 = (x) => div4(callback, x);  const f5 = (x, y) => add(f6, x, y);  const f4 = (x) => split(f5, x);  const f3 = (x) => sub2(f4, x);  const f2 = (x) => mul3(f3, x);  add5(f2, input);};

Unterschied zwischen reduce und reduceRight

js
const a = ["1", "2", "3", "4", "5"];const left = a.reduce((prev, cur) => prev + cur);const right = a.reduceRight((prev, cur) => prev + cur);console.log(left); // "12345"console.log(right); // "54321"

Komponierbare Funktionen definieren

Funktionskomposition ist ein Mechanismus zum Kombinieren 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 wirreduceRight(), um eine Funktionskomposition zu implementieren.

Siehe auchFunktionskomposition in der Wikipedia.

js
const compose =  (...args) =>  (value) =>    args.reduceRight((acc, fn) => fn(acc), value);// Increment passed numberconst inc = (n) => n + 1;// Doubles the passed valueconst double = (n) => n * 2;// using composition functionconsole.log(compose(double, inc)(2)); // 6// using composition functionconsole.log(compose(inc, double)(2)); // 5

Verwendung von reduceRight() mit Sparse Arrays

reduceRight() überspringt fehlende Elemente in Sparse Arrays, jedoch nichtundefined-Werte.

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

Aufruf von reduceRight() auf Nicht-Array-Objekten

DiereduceRight()-Methode liest dielength-Eigenschaft vonthis und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nichtnegative Ganzzahl kleiner alslength ist.

js
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

Spezifikationen

Specification
ECMAScript® 2026 Language Specification
# sec-array.prototype.reduceright

Browser-Kompatibilität

Siehe auch

MDN-Feedback-Box

Diese Seite wurde automatisch aus dem Englischen übersetzt.


[8]ページ先頭

©2009-2025 Movatter.jp