Die Reduce-Methode

Die Methode reduce() ermöglicht es dir, ein Array auf einen einzelnen Wert zu „reduzieren“, indem für jedes Element des Arrays eine bereitgestellte Funktion ausgeführt wird. Dieser einzelne Wert kann eine Zahl, eine Zeichenkette, ein Objekt oder sogar ein weiteres Array sein.

Hier ist die Syntax von reduce:

array.reduce(function(accumulator, currentValue, currentIndex, array) {
    // den aktualisierten Akkumulatorwert zurückgeben
}, initialValue);

Schlüsselkomponenten:

1. accumulator: Sammelt die Rückgabewerte des Callbacks (stell es dir als laufende Summe vor)

2. currentValue: Das aktuelle Element, das im Array verarbeitet wird

3. currentIndex: (optional) Der Index des aktuellen Elements

4. array: (optional) Das Array, auf dem reduce() aufgerufen wurde

5. initialValue: (optional) Ein Wert, der als erstes Argument beim ersten Aufruf der Callback-Funktion verwendet wird

Zum Beispiel – Summe von Zahlen:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // 15

Schritt-für-Schritt-Funktionsweise:

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, curr) => {
    console.log(`Accumulator: ${acc}, Current Value: ${curr}`);
    return acc + curr;
}, 0);

// Ausgabe:
// Akkumulator: 0, Aktueller Wert: 1
// Akkumulator: 1, Aktueller Wert: 2
// Akkumulator: 3, Aktueller Wert: 3
// Akkumulator: 6, Aktueller Wert: 4
// Endergebnis: 10