for...of Döngüsü

for...of döngüsü; diziler, dizeler, map'ler, set'ler ve daha fazlası gibi yinelenebilir (iterable) nesnelerin değerleri üzerinde döngü kurmak için basit bir yol sağlar. forEach yönteminin kısalığını, break ve continue kullanabilme yeteneğiyle birleştirir.

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

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

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

İşte bir dizi içeren bir örnek:

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

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

Çıktı:

apple
banana
orange

İşte bir string ile 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 metoduna kıyasla for...of, özellikle her bir öğenin dizinine ihtiyaç duymadığınız birçok yaygın kullanım durumu için daha basit bir sözdizimi sunar.