So verwenden Sie Reduce() in JavaScript

reduce() ist der beste Weg, jedes Element von Array-Daten zu einem Wert zu akkumulieren. In diesem Artikel stellen wir daher detailliert vor, wie man Reduce() in JavaScript verwendet.

Werfen wir einen Blick auf den konkreten Inhalt.

Angenommen, wir haben ein Array wie dieses:

var numbers = [1,2,3,4,5,6,7,8,9];

var strings = ['苹果','香蕉','梨子','葡萄','荔枝'];

In diesem Beispiel haben wir ein Array zum Speichern numerischer Daten und ein Array zum Speichern von Zeichenfolgendaten vorbereitet.

Der offensichtlichste Weg, Reduce() zu verwenden, besteht darin, den Wert aller in einem solchen Array gespeicherten Werte zu berechnen.

Wenn numerisch, können Sie den summierten Wert berechnen, wenn char, können Sie einzelne Zeichenfolgen miteinander verketten.

Sehen wir uns an, wie man Reduce() verwendet?

reduce() kann jede Funktion auf dem Zielarray ausführen.

数组.reduce(function(累积值, 元素) { })

Der „kumulative Wert“ des ersten Parameters stellt den Wert dar, der durch die aufeinanderfolgende Verarbeitung der Array-Elemente erhalten wird.

Der zweite Parameter „element“ repräsentiert das aktuell verarbeitete Array-Element.

Verwenden Sie in dieser Funktion „return“. Durch die Rückgabe einer beliebigen Verarbeitung bleibt das Ergebnis im akkumulierten Wert erhalten und Sie können schließlich einen Wert erhalten.

Sehen wir uns ein konkretes Beispiel an

Summiere jedes Element des Arrays

Der Code lautet wie folgt

var numbers = [1,2,3,4,5,6,7,8,9];
var result = numbers.reduce(function(a, b) {
  return a + b;
})
console.log(result);

Die Operationsergebnisse sind wie folgt

In diesem Beispiel wird Reduce() für ein Array ausgeführt, das Zahlen von 1 bis 9 speichert.

In der Funktion sieht man die kumulierten Werte und jedes Element wird einfach addiert.

wird bei der ersten Verarbeitung zu „1 + 2“, speichert die Summe im akkumulierten Wert und führt bei der nächsten Verarbeitung „3 + 3“ aus.

Auf diese Weise wird als laufendes Ergebnis ausgegeben, dass die Summe aller Werte „45“ beträgt.

Abschließend müssen wir noch einen Punkt klarstellen:

Es ist nicht erlaubt, die Interrupt-Verarbeitungsmethode „Break“ in der Funktion „reduce()“ zu verwenden, daher gibt es als Alternative einen Interrupt verwendet die Indexnummer des Arrays. Werfen wir einen kurzen Blick auf die folgende Methode.

Tatsächlich kann die Funktion Reduce() bis zu vier Parameter haben.

配列.reduce(function(累积值, 元素, 索引号, 数组) { })

Der dritte Parameter „Indexnummer“ stellt die Indexnummer des aktuell verarbeiteten Arrays dar.

Der vierte Parameter „array“ stellt das Array selbst dar, das gerade verarbeitet wird.

Mit diesem Parameter kann der Interrupt-Prozess wie folgt implementiert werden!

var numbers = [1,2,3,4,5,6,7,8,9];
var result = numbers.reduce(function(a, b, index, arr) {
  if(index >= 3) arr.splice(1);
  return a + b;
});
console.log(result);

Die laufenden Ergebnisse sind wie folgt

Bitte achten Sie auf die IF-Anweisung in der Funktion Reduce()!

Durch die Beschreibung von „index> = 3“ im bedingten Ausdruck kann eine beliebige Verarbeitung durchgeführt werden, wenn es zur dritten Indexnummer des Arrays wird.

Der Prozess wird zu „arr.splice(1)“ und entfernt alle Array-Elemente nach dem dritten Index.

Damit wird die Verarbeitung von Reduce() beendet, sodass Sie die gleiche Funktion wie „break“ ausführen können.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Reduce() in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!