Die Reduce-Methode

Die `reduce()`-Methode ermöglicht es Ihnen, ein `array` auf einen einzelnen Wert zu "reduzieren", indem eine bereitgestellte `function` für jedes Element des `array` ausgeführt wird. Dieser einzelne Wert kann eine Zahl, ein String, ein Objekt oder sogar ein anderes `array` sein.

Hier ist die Syntax von reduce:

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

Wichtige Komponenten:

1. accumulator: Akkumuliert die Rückgabewerte des Callbacks (stellen Sie sich dies als die 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