Bu yazıda JS’in bence en faydalı döngülerinden biri olan for of döngüsünü anlattım.
For of döngüsünün klasik for döngüsünden farkı bir listenin içinde herhangi bir sayı vermeden tüm elemanlarını gezebilmesidir.
Bu özelliği sayesinde bir listenin tüm elemanlarını gezip işlem yapılacaksa en kolay döngü türüdür.
For..of döngüsü örnek olarak bir listenin tüm elemanlarını gezebilir ve hepsi için bir işlem yapabilir.
Aşağıda örnek bir kodda for..of döngüsünü görebilirsiniz.
let liste = [1,2,3,4,5,6,7,8,9]
for(let eleman of liste){ // 9 kere çalışır
console.log(eleman) // bu kod her elemanı konsola yazdırır.
}
Üstteki kodu inceleyelim :
Öncelikle bir liste tanımladık
for anahtar kelimesini kullanarak bir döngü oluşturduk
let eleman diyerek bir değişken tanımladık ki bu değişken her döngü safhasında listenin bir elemanı olacak.
of liste kısmında bu elemanın listenin bir elemanı olacağını belirttik.
Bu döngü her döndüğünde eleman değeri bir liste elemanı olacak. Öncelikle 1 sonrasında 2 gibi.
Üstteki kodun çıktısı ise tüm elemanları yeni satırda yazdırması olacak.


Normalde liste elemanlarına ulaşmak için klasik for döngüsünde let i = 0 … vs yazarak döngüyü başlatırdık. Ardından liste[i] yaparak ulaşırdık.
For of döngüsü sayesinde direkt elemanlara ulaşabiliriz. Ayrıca döngünün kaç kere döneceğini düşünmek zorunda değiliz.
For of döngüsü ile String harflerini gezmek
For..of döngüsü teknik olarak iterable yani döngü ile gezilebilen her veri yapısında gezebilir. Bunlardan biri de String veri yapısı
Aşağıda for of kullanarak string içinde gezen örnek bir kod var.
for(let eleman of "Basit Kod"){
console.log(eleman) // çıktısı her satırdan "Basit Kod" stringinin harfleri olacak.
}
Üstteki kodun çıktısı


Daha fazla bilgi için mdn for of döngüsü yazısına bakabilirsiniz.