for...of-Schleife

Die for...of-Schleife bietet eine einfache Möglichkeit, die Werte iterierbarer Objekte wie Arrays, Zeichenketten, Maps, Sets und mehr zu durchlaufen. Sie verbindet 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 jedem Durchlauf wird der nächste Wert aus dem iterierbaren Objekt dieser Variablen zugewiesen.
• iterable: Das Objekt, über dessen Elemente iteriert wird (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 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 forEach-Methode bietet for...of für viele gängige Anwendungsfälle eine einfachere Syntax, insbesondere wenn du den Index jedes Elements nicht benötigst.