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