JavaScript For Döngüsü

for döngüsü, belirli bir başlangıç değeri, koşul ve artış/azalış mantığına göre kod bloklarını tekrar tekrar çalıştırmak için kullanılır. En çok kullanılan ve en kontrollü döngü yapısıdır.

For Döngüsü Ne Zaman Kullanılır?
  • Tekrar sayısı belliyse
  • Bir sayaç ile ilerlemek gerekiyorsa
  • Dizi veya koleksiyon üzerinde indeks bazlı işlem yapılacaksa

For Döngüsünün Genel Yapısı


for (başlangıç; koşul; artırma/azaltma) {
  // Tekrar edecek kodlar
}
  • başlangıç → Sayaç değişkeni tanımlanır
  • koşul → Döngünün devam etme şartı
  • artırma / azaltma → Sayaç güncellenir

Basit Bir For Döngüsü Örneği


for (let i = 1; i <= 5; i++) {
  console.log("Sayaç değeri:", i);
}

Bu döngü 1’den 5’e kadar çalışır ve her adımda sayaç değerini ekrana yazdırır.


Artan ve Azalan Döngüler


// Artan
for (let i = 0; i <= 10; i += 2) {
  console.log(i);
}

// Azalan
for (let i = 10; i >= 0; i--) {
  console.log(i);
}
Püf Nokta
Artış miktarını i += 2, i += 5 gibi ayarlayarak adımlı döngüler oluşturabilirsiniz.

Dizi Üzerinde For Döngüsü


let sehirler = ["Ankara", "İstanbul", "İzmir"];

for (let i = 0; i < sehirler.length; i++) {
  console.log(sehirler[i]);
}

Dizi uzunluğu değişebileceği için koşulda length kullanılması güvenlidir.


Modern Alternatifler (Önemli)

for...of (Önerilen)


for (const sehir of sehirler) {
  console.log(sehir);
}
Neden for...of?
  • İndeksle uğraşmazsın
  • Daha okunaklıdır
  • Hata yapma ihtimali düşüktür

Sonsuz Döngüye Dikkat


// ❌ HATALI - Sonsuz döngü
for (let i = 0; i < 5;) {
  console.log(i);
}
Dikkat
Artış veya azaltma unutulursa döngü sonsuza kadar çalışır ve tarayıcıyı kilitleyebilir.

Break ve Continue Kullanımı


for (let i = 1; i <= 10; i++) {

  if (i === 5) break;   // Döngüyü tamamen durdurur

  if (i % 2 === 0) continue; // Çift sayıları atlar

  console.log(i);
}

Sık Yapılan Hatalar

  • var kullanmak (yerine let tercih edilmeli)
  • length yerine sabit sayı yazmak
  • Döngü içinde DOM’a çok sık erişmek
  • Yanlış karşılaştırma (= yerine ==)

Özet

  • for döngüsü kontrollü tekrarlar için idealdir
  • Modern JS’te let ve for...of tercih edilmelidir
  • break ve continue akışı yönetir
  • Yanlış kullanım sonsuz döngüye sebep olabilir