for...of-Schleife

Die for...of-Schleife bietet eine einfache Möglichkeit, über die Werte von iterierbaren Objekten wie Arrays, Strings, 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 dieser Variablen der nächste Wert aus dem iterierbaren Objekt zugewiesen.
• iterable: Das Objekt, dessen Elemente iteriert werden (z. B. ein Array oder ein String).

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 einem String:

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 forEach-Methode bietet for...of eine einfachere Syntax für viele gängige Anwendungsfälle, insbesondere wenn Sie den Index der einzelnen Elemente nicht benötigen.