for...of Döngüsü

for...of döngüsü, diziler, dizeler, map'ler, set'ler ve diğerleri gibi yinelenebilir nesnelerin değerleri üzerinde yineleme yapmanın basit bir yolunu sunar. forEach yapısının özlü oluşunu break ve continue kullanabilme olanağıyla birleştirir.

İşte bir for...of döngüsünün temel sözdizimi:

for (const element of iterable) {
    // Her bir element için yürütülecek kod
}

• element: Her yinelemede, yinelenebilir nesneden alınan bir sonraki değer bu değişkene atanır.
• iterable: Öğeleri üzerinde yineleme yapılan nesne (ör. bir dizi veya bir 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üleri veya forEach yöntemiyle karşılaştırıldığında, for...of birçok yaygın kullanım durumu için daha basit bir sözdizimi sunar; özellikle her öğenin indeksine ihtiyaç duymadığınızda.