Pętla for...of

Pętla for...of zapewnia prosty sposób iterowania po wartościach obiektów iterowalnych, takich jak tablice, ciągi znaków, mapy, zbiory i inne. Łączy zwięzłość forEach z możliwością użycia break i continue.

Oto podstawowa składnia pętli for...of:

for (const element of iterable) {
    // Kod wykonywany dla każdego elementu
}

• element: W każdej iteracji kolejna wartość z obiektu iterowalnego jest przypisywana do tej zmiennej.
• iterable: Obiekt, którego elementy są iterowane (np. tablica lub ciąg znaków).

Oto przykład z tablicą:

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

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

Wynik:

apple
banana
orange

Oto kolejny przykład z ciągiem znaków:

const text = "hello";

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

Wynik:

h
e
l
l
o

W porównaniu z tradycyjnymi pętlami for lub metodą forEach, for...of oferuje prostszą składnię w wielu typowych zastosowaniach, zwłaszcza gdy nie potrzebujesz indeksu każdego elementu.