JavaScript'te hangi for döngüsü türlerini biliyorsunuz?

JavaScript'te birkaç farklı for döngüsü türü vardır:

• for (klasik): Sayısal aralık üzerinde yineleme yapmak veya belirli sayıda işlem gerçekleştirmek için kullanılır.

  // Sayısal aralık üzerinde yineleme
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Bir nesnenin anahtarlarını (özelliklerini) yinelemek için kullanılır (nesne özellikleri ve prototip özellikleri dahil). Diziler üzerinde kullanımı önerilmez çünkü sıralama ve sayısal olmayan özelliklerin listelenmesi sorunlara yol açabilir.

  const obj = { a: 1, b: 2, c: 3 };
  for (const key in obj) {
    console.log(`${key}: ${obj[key]}`);
    // a: 1
    // b: 2
    // c: 3
  }
  
  const arr = ['elma', 'muz', 'portakal'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (anahtarlar bu durumda dizinlerdir)
  }
  

• for...of: Diziler, dizgeler, Map, Set, TypedArray ve argümanlar gibi yinelemeli nesnelerin değerlerini yinelemek için kullanılır. Diziler üzerinde yineleme yapmak için önerilir.

  const arr = ['elma', 'muz', 'portakal'];
  for (const element of arr) {
    console.log(element);
    // elma
    // muz
    // portakal
  }
  
  const str = "merhaba";
  for (const char of str) {
    console.log(char);
    // m
    // e
    // r
    // h
    // a
    // b
    // a
  }
  

Karşılaştırma tablosu:

Döngü	Amaç	İşlenecek öğeler	Tavsiye edilen
for	Sayısal aralık üzerinde yineleme, tekrar etme	Belirli sayıda kez	Genel döngüler
for...in	Nesne özellikleri üzerinde yineleme	Özellikler	Nesneler
for...of	Yinelemeli nesnelerin değerleri üzerinde yineleme	Değerler	Diziler, dizgeler, Map, Set