🔁 JavaScript’te Döngülerde Kontrol Sağlama

break ve continue ile Döngülere Direksiyon Geçirmek 🚗💨

JavaScript’te döngüler şuna benzer:

Bir işi yaparsın…
“Bir daha yap.”
“Bir daha.”
“Bir daha.”
“Tamam artık dur.”

İşte o “dur” ve “şunu pas geç” deme yetkisi bizde olsun diye
JS bize iki özel anahtar verir:

• 🛑 break → “Bu döngü burada bitti.”
• ⏭️ continue → “Bu turu atla, devam et.”

Bu yazıda:

• Ne işe yaradıklarını
• Ne zaman asla kullanılmamaları gerektiğini
• Gerçek hayatta nerede hayat kurtardıklarını
• Ve “JS niye böyle yaptı ya?” dedirten hataları
  bol kod, bol açıklama, bol mizah ile göreceğiz 😎

🎡 Önce Şunu Anlaşalım: Döngüler Kontrolsüzse Tehlikelidir

Döngüler sayesinde:

• Listeleri gezeriz
• Verileri kontrol ederiz
• Aynı işi tekrar tekrar yaptırırız

Ama bazen şunu isteriz:

• “Aradığımı buldum, devam etmeme gerek yok”
• “Bu eleman saçma, bunu atla”
• “Buradan sonrası beni ilgilendirmiyor”

İşte tam burada:

break ve continue sahneye çıkar 🎬

🛑 break: “Tamam, Bitti, Dağılın”

break, döngüyü tamamen sonlandırır.
Bir daha dönmez.
Geri gelmez.
WhatsApp’tan da yazmaz.

🔹 En Temel break Örneği

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

🧠 Satır Satır Ne Oluyor?

• i = 1 → 5 değil → yazdır
• i = 2 → yazdır
• i = 3 → yazdır
• i = 4 → yazdır
• i = 5 → if çalıştı
• break → döngü öldü 🪦

📤 Çıktı:

1
2
3
4

📌 Altın Kural:

break çalıştığı anda döngü bir daha asla dönmez

🔍 Gerçek Hayat Senaryosu: Arama Yapmak

Bir listede arama yapıyorsan ve bulduktan sonra devam ediyorsan
orada bir yanlış var 😄

const users = ["Ali", "Ayşe", "Cansu", "Mehmet", "Zeynep"];

for (let user of users) {
  if (user === "Cansu") {
    console.log("🎉 Aradığımız kişi bulundu!");
    break;
  }
  console.log(user + " kontrol edildi");
}

🧠 Mantık:

• Listeyi sırayla gez
• Aradığını bulunca:
  • Mesaj ver
  • break ile çık
• Geri kalanlara bakma → performans + temizlik ✨

⏭️ continue: “Bunu Sevmiyorum, Atla”

continue, döngüyü bitirmez.
Sadece o anki turu çöpe atar.

Yani:

“Bu elemanla uğraşmıyorum ama yoluma devam ediyorum.”

🔹 Örnek: Çift Sayıları Es Geç

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}

🧠 Satır Satır:

• i = 1 → tek → yazdır
• i = 2 → çift → continue
• i = 3 → yazdır
• i = 4 → continue
• …

📤 Çıktı:

1
3
5
7
9

📌 Özet Cümle:

continue → “Bu elemanı görmedim varsay.”

🍔 Filtreleme Senaryosu: Günlük Hayat Versiyonu

Bir sipariş listesi düşün:

• ❌ soğuk
• ❌ bayat
• ❌ yanlış gelmiş

Ama:

• 🔥 sıcak
• 🔥 doğru

const siparisler = ["soğuk", "sıcak", "bayat", "sıcak"];

for (let siparis of siparisler) {
  if (siparis === "soğuk" || siparis === "bayat") {
    continue;
  }
  console.log("Bu yenir:", siparis);
}

🧠 Mantık:

• İstemediğini continue ile geç
• Sadece işine yarayanı işle

🔄 while Döngülerinde DİKKAT ⚠️

continue, while döngüsünde daha tehlikelidir.

❌ Hatalı Kod (Sonsuz Döngü)

let i = 0;

while (i < 5) {
  if (i === 2) {
    continue;
  }
  console.log(i);
  i++;
}

😱 Ne oldu?

• i === 2 olunca:
  • continue çalıştı
  • i++ çalışmadı
• i hep 2 kaldı
• Döngü asla bitmedi

✅ Doğru Kullanım

let i = 0;

while (i < 5) {
  i++;
  if (i === 2) continue;
  console.log(i);
}

📌 Hayati Kural:

continue kullanıyorsan
arttırma/azaltma işlemi yukarıda olmalı

🧠 break vs continue – Net Karşılaştırma

💎 Profesyonel İpuçları (Altın Değerinde)

✨ 1. Aşırı break/continue kodu zor okunur

if (...) continue;
if (...) break;
if (...) continue;

→ Beyin yanar 🧠🔥

✨ 2. Bazen array method’ları daha temizdir

• filter
• find
• some

Ama:

Döngü gerekiyorsa
break ve continue ustalık aracıdır

✨ 3. break, sadece en yakın döngüyü kırar

• Nested loop’larda ekstra dikkat gerekir 👀

🧩 Mini Cheat Sheet

• 🔁 Döngü = tekrar
• 🛑 break = döngüyü bitir
• ⏭️ continue = bu turu atla
• ⚠️ while + continue = iki kere düşün
• 🧠 Az ama doğru kullan = temiz kod

🎯 Son Söz

break ve continue:

• Döngülerin freni ve sinyali gibidir 🚦
• Doğru kullanılırsa kodu hızlandırır
• Yanlış kullanılırsa seni sonsuz döngü cehennemine atar 😈