Do, 5. September 2024

Hallo zusammen! ?

Iteratoren sind ein weiteres leistungsstarkes JavaScript-Tool. In einer kleinen Wendung heißt die heutige Aufgabe zwar Iteratoren: .forEach(), .map(), .findIndex(), .filter() und .reduce(), aus Gründen der Transparenz sind dies jedoch Methoden, die Iteratoren einsetzen, um ihren Zweck zu erfüllen.

Übersicht über Iteratormethoden

.forEach(): Iteriert Elemente und führt die bereitgestellte Funktion aus
.map(): Iteriert Elemente und wendet die Funktion an, um ein neues Array zu erstellen
.findIndex(): Iteriert Elemente, findet Übereinstimmungen und gibt den Index zurück
.reduce(): Iteriert Elemente und akkumuliert Werte, Summation
.filter(): Iteriert Elemente und erstellt bedingt ein neues Array
Diese Methoden gehören zum Array-Prototypobjekt und abstrahieren den alltäglichen iterativen Prozess, um die Daten direkt verfügbar zu machen.

Lieblings-Iterator des Tages: .filter()

Nachdem ich heute diese Iteratoren erkundet und damit experimentiert habe, habe ich herausgefunden, dass mein Favorit aufgrund seiner Erweiterbarkeit .filter() ist. Ein bisschen wie eine Factory-Funktion kann sie zum Erstellen neuer Objekte verwendet werden, sofern es sich um Teilmengen des Objekts handelt, die einer Bedingung entsprechen, z. B. alle Elemente über einer bestimmten Menge:

const bigNumbers = [148, 256, 384, 918, 512]; // Filter() verwenden, um alle Elemente über 200 abzurufen const allAbove200 = bigNumbers.filter(num => num > 200); console.log(allAbove200); // Ausgabe: [256, 384, 918, 512]

const bigNumbers = [148, 256, 384, 918, 512];

// Using filter() to get all elements above 200
const allAbove200 = bigNumbers.filter(num => num > 200);

console.log(allAbove200); // Output: [256, 384, 918, 512]

Das ist so schlank und stromlinienförmig, dass es fast schön ist.

Viel Spaß beim Codieren! ?