for...of Döngüsü

for...of döngüsü, diziler, dizeler, eşlemeler, kümeler ve daha fazlası gibi yinelenebilir nesnelerin değerleri üzerinde yineleme yapmanın basit bir yolunu sunar. forEach yapısının kısa ve öz oluşunu, break ve continue kullanabilme olanağıyla birleştirir.

for...of döngüsünün temel sözdizimi şöyledir:

for (const element of iterable) {
    // Her öğe için çalıştırılacak kod
}

• element: Her yinelemede, yinelenebilir nesneden gelen bir sonraki değer bu değişkene atanır.
• iterable: Öğeleri üzerinde yineleme yapılan nesne (ör. dizi veya dize).

İşte bir dizi örneği:

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

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

Çıktı:

apple
banana
orange

İşte bir dizeyle başka bir örnek:

const text = "hello";

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

Çıktı:

h
e
l
l
o

Geleneksel for döngülerine veya forEach yöntemine kıyasla for...of, özellikle her öğenin dizinine ihtiyaç duymadığında birçok yaygın kullanım senaryosu için daha anlaşılır bir söz dizimi sunar.