for...of-Schleife

Die for...of-Schleife bietet eine einfache Möglichkeit, über die Werte iterierbarer Objekte wie Arrays, Zeichenketten, Maps, Sets und mehr zu iterieren. Sie kombiniert die Kürze von forEach mit der Möglichkeit, break und continue zu verwenden.

Hier ist die grundlegende Syntax einer for...of-Schleife:

for (const element of iterable) {
    // Code, der für jedes Element ausgeführt wird
}

• element: Bei jeder Iteration wird der nächste Wert aus dem iterierbaren Objekt dieser Variablen zugewiesen.
• iterable: Das Objekt, dessen Elemente durchlaufen werden (z. B. ein Array oder eine Zeichenkette).

Hier ist ein Beispiel mit einem Array:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

Ausgabe:

apple
banana
orange

Hier ist ein weiteres Beispiel mit einer Zeichenkette:

const text = "hello";

for (const char of text) {
    console.log(char);
}

Ausgabe:

h
e
l
l
o

Im Vergleich zu herkömmlichen for-Schleifen oder der Methode forEach bietet for...of eine einfachere Syntax für viele gängige Anwendungsfälle, insbesondere wenn du den Index der einzelnen Elemente nicht benötigst.