break ve continue
Döngü her turu sonuna kadar çalıştırabilir — siz yönlendirene kadar. Bazen cevabı buldunuzdur ve durmak istersiniz. Bazen bir öğe gereksizdir ve onu atlayıp devam etmek istersiniz. break döngüden hemen çıkar. continue sonraki tura atlar. Aynı döngü ailesi; iki küçük sözcük rotayı değiştirir.
break ne yapar?
break en yakın döngüyü şimdi bitirir. Sonraki turlar çalışmaz. Betikte döngüden sonraki kod yine çalışır. Düşünün: «Bitti — çık.» İlk eşleşmeyi ararken, geri kalanı taramadan sık kullanılır.
break ile continue
📊 Yolda döngüyü yönlendirmek
| Anahtar sözcük | Etki | Günlük kullanım |
|---|---|---|
break |
döngüden şimdi çık | ilk eşleşme bulundu; daha beklemeyin |
continue |
bu turun kalanını atla, sonrakine başla | kötü bir öğeyi yok say; taramaya devam et |
| hiçbiri | her tur gövdeyi tam çalıştırır | her öğe aynı işlemi ister |
| döngüden sonra | döngünün altındaki kod yine çalışır | break yalnızca döngüden çıkar, tüm betikten değil |
Sonraki turlar işe yaramıyorsa break seçin. Bir tur sessiz kalsın ama yürüyüş sürsün istiyorsanız continue. Yerlerini değiştirmeyin — hata «neredeyse doğru» görünür ve zor bulunur.
const nums = [2, 4, 7, 8];
let found = null;
for (let i = 0; i < nums.length; i++) {
if (nums[i] === 7) {
found = nums[i];
break;
}
}
console.log(found);
Eşleşme bulununca durun
Döngü önce 2, sonra 4, sonra 7 bakar. 7’de değeri saklar ve break yapar. 8 çalışmaz. found değeri 7 olur. break olmasa cevap bilindikten sonra da döngü sürerdi.
for (let i = 1; i <= 5; i++) {
if (i % 2 === 0) {
continue;
}
console.log(i);
}
Bir tur atlayıp devam edin
i çiftken continue sonraki i’ye geçer. Bu turlarda console.log satırı atlanır. 1, 3, 5 görürsünüz. Döngü durmadı — yalnızca çiftleri geçti.
let n = 1;
while (n < 20) {
if (n === 5) {
break;
}
console.log(n);
n = n + 1;
}
while’dan erken çıkın
while, n < 20 olduğu sürece sürerdi. n === 5 olunca break çıkar. Yazılan: 1–4. «Durma kuralına kadar git, sonra çık» kalıbına uyar — tüm olası turları bitirmeden.
const colors = ["red", "skip", "blue"];
for (const c of colors) {
if (c === "skip") {
continue;
}
console.log(c);
}
for...of’ta bazı değerleri atlayın
for...of yine değerlerde yürür. continue "skip"i yok sayar; red, sonra blue yazar. Yönlendirme fikri for, while ve for...of için aynıdır — yalnızca en yakın döngü.
const parts = ["A", "x", "B", "x", "C"];
let msg = "";
for (const p of parts) {
if (p === "x") {
continue;
}
msg = msg + p;
}
console.log(msg);
Birleştirirken süzün
Her "x" atlanır; harfler eklenir. Sonuç ABC. Önceki döngü derslerindeki birleştirme alışkanlığı — continue yürüyüşteki süzgeç kapısıdır.
break ve continue’yu sayfada gösterin
Kısa bir listede yürüyün, continue ile bir etiketi atlayın, işaretten sonra break ile erken durun, sonucu sayfaya yazın.
<!DOCTYPE html>
<html>
<head>
<title>break / continue — page</title>
</head>
<body>
<p id="out">…</p>
<script>
const items = ["a", "skip", "b", "stop", "c"];
let line = "";
for (const item of items) {
if (item === "skip") {
continue;
}
if (item === "stop") {
break;
}
line = line + item + " ";
}
let box = document.getElementById("out");
box.textContent = "kept=" + line.trim();
</script>
</body>
</html>
Sayfa kept=a b gösterir. "skip" yok sayıldı; "stop" "c"den önce döngüyü kapattı. Diziyi değiştirin, yenileyin, yeni satırı okuyun. Sonraki ders fonksiyonlar — adıyla çağırdığınız iş blokları.
Kendiniz deneyin
[3, 9, 1]üzerindeforiçinde değer9oluncabreakyapıp saklayın.1–6arası yalnızca tekleri, çiftlerdecontinueile yazdırın.- Bir
whileiçinde sayaç3oluncabreakile durun. ["ok", "no", "ok"]üzerindefor...ofile"no"yucontinueedin.["1", "-", "2"]dizisini"-"atlayarak12yapın.- HTML demoda yalnızca diziyi değiştirin, yenileyin,
kept=okuyun.
Sık yapılan hatalar
continuenun tüm döngüden çıktığını sanmak (obreaktir)- Aynı turda
breakten sonra daha iş koymak — hiç çalışmaz whileiçinde sayacı güncellemedencontinue— sonsuz döngü riski- Yalnızca bir öğeyi atlamak isterken
breakkullanmak breakin tüm betikten çıkmasını beklemek — yalnızca en yakın döngü
Özet
break— döngüden şimdi çık; sonraki turlar çalışmazcontinue— bu turun kalanını atla; sonrakine başlafor,whilevefor...ofiçinde çalışır- Arama çoğu zaman
break; süzme çoğu zamancontinue breakten sonra döngünün altındaki kod yine çalışır- Sonraki: fonksiyonlar — bir iş bloğuna ad verin ve çağırın
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek