JavaScript-Array-reduce()-Methode
Der Reduce()-Methode in JavaScript führt für jedes Array-Element eine Reduzierfunktion aus und gibt einen einzelnen akkumulierten Wert zurück. Es überspringt leere Array-Elemente und verändert das ursprüngliche Array nicht, was es für eine präzise Datenaggregation nützlich macht.
Syntax:
array.reduce( function(total, currentValue, currentIndex, arr), initialValue )
Parameter:
Diese Methode akzeptiert fünf Parameter, wie oben erwähnt und unten beschrieben:
- function(total, currentValue, index, arr): Dies ist der erforderliche Parameter und wird zur Ausführung für jedes Element des Arrays verwendet. Es enthält vier Parameter, die unten aufgeführt sind:
| Parametername | Beschreibung | Erforderlich/Optional |
|---|---|---|
| gesamt | Gibt den Anfangswert oder zuvor zurückgegebenen Wert der Funktion an | Erforderlich |
| aktueller Wert | Gibt den Wert des aktuellen Elements an | Erforderlich |
| aktuellerIndex | Gibt den Array-Index des aktuellen Elements an | Optional |
| arr | Gibt das Array-Objekt an, zu dem das aktuelle Element gehört | Optional |
Ursprünglicher Wert: Es ist ein optionaler Parameter und wird verwendet, um den Wert anzugeben, der als Anfangswert an die Funktion übergeben werden soll.
Rückgabewert: Die JavaScript-Array-Reduzierungsmethode gibt einen einzelnen Wert/ein einzelnes Element zurück, nachdem das gesamte Array durchlaufen wurde.
Nachfolgend finden Sie Beispiele dafür Array-Reduzierung() Methode.
Beispiel 1: In diesem Beispiel schreiben wir eine Reduzierungsfunktion, um einfach die Differenz der Elemente des Arrays auszugeben.
Javascript // Input array let arr = [175, 50, 25]; // Callback function for reduce method function subofArray(total, num) { return total - num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(subofArray)); } myGeeks() Ausgabe
100
Beispiel 2: In diesem Beispiel wird die Methode Reduce() verwendet, um die Summe aller Array-Elemente zurückzugeben.
Javascript // Input array let arr = [10, 20, 30, 40, 50, 60]; // Callback function for reduce method function sumofArray(sum, num) { return sum + num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray)); } myGeeks(); Ausgabe
210
Beispiel 3: In diesem Beispiel wird die Methode Reduce() verwendet, um die runde Summe aller Array-Elemente zurückzugeben.
Javascript // Input array let arr = [1.5, 20.3, 11.1, 40.7]; // Callback function for reduce method function sumofArray(sum, num) { return sum + Math.round(num); } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray, 0)); } myGeeks(); Ausgabe
74
Wir haben eine vollständige Liste der Javascript-Array-Methoden. Um diese zu überprüfen, gehen Sie bitte hier durch Vollständige Javascript-Array-Referenz Artikel.
Unterstützte Browser: Die von JavaScript unterstützten Browser Array-Reduzierung() Methode sind unten aufgeführt:
- Google Chrome
- Rand
- Feuerfuchs
- Oper
- Safari