Yükleniyor...

for döngüsü

Şimdiye kadar if ve switch ile yolu bir kez seçiyordunuz. Gerçek sayfada çoğu zaman aynı işi birçok kez yapmak gerekir: beş satır, toplam, kısa liste. Aynı komutu beş kez kopyalamak ilk değişiklikle kırılır. for tek kopyayı tutar ve sayacı tur tur ilerletir.

for döngüsü nasıl ilerler?

Koşul doğru olduğu sürece { } bloğu yeniden çalışır. Parantezde noktalı virgülle üç parça vardır: sayaç nereden başlar, ne zamana kadar sürer, her turdan sonra nasıl değişir. Koşul yanlış olunca döngü biter ve program sonraki satırdan devam eder.

Başlığın üç parçası

📊 Günlük for parçaları

Parça Günlük okuma Tipik kullanım
başlangıç (init) sayacı buradan başlat… let i = 0
koşul bu doğru olduğu sürece devam et… i < 5
güncelleme her turdan sonra sayacı değiştir… i++

Yeni başlayanlar çoğu zaman küçük tamsayı i ile sayar. Ad gelenek, kural değil — n veya step de olur. Sayacı hiç güncellemezseniz koşul hiç yanlış olmayabilir ve döngü takılır.

for ile basit sayım

javascript 
for (let i = 0; i < 5; i++) {
console.log(i);
}

Baştan durmaya kadar sayın

0dan başlar. i 5ten küçükken yazdırır ve bir ekler. Konsolda 0…4 — beş tur. 5 yazılmaz çünkü koşul önce başarısız olur.

Bir turu sakin okuyun: koşul → gövde → güncelleme → yine koşul. Güncelleme gövdede değil; başlıktadır ki her tur aynı şekilde ilerlesin.

Net adım günlüğe yaz

javascript 
for (let i = 1; i <= 3; i++) {
console.log("step " + i);
}

Birden başla, net etiketler

Burada sayaç 1den, koşul i <= 3; step 1…step 3 görürsünüz. Sıfır veya bir tasarım seçimi — koşulu ona uydurun.

for ile toplam

javascript 
let total = 0;
for (let i = 1; i <= 4; i++) {
total = total + i;
}
console.log(total);

Toplamı tur tur kurun

total sıfırdan başlar ve her tur mevcut iyi alır. 1+2+3+4 sonrası 10. Döngü sonuç turlar boyunca büyüdüğünde parlar; tek bir dalda değil.

İkişer adım

javascript 
for (let i = 0; i < 8; i += 2) {
console.log(i);
}

İkişer atlayın

i += 2 her tur iki ilerler: 0, 2, 4, 6. Güncelleme yeri yalnızca i++ değil — sona yaklaştıran dürüst her değişiklik uygundur.

Kısa metin yapıştır

javascript 
let line = "";
for (let i = 1; i <= 3; i++) {
line = line + "n" + i + " ";
}
console.log(line);

Döngüde parçaları yapıştırın

line boş başlar ve her tur bir parça ekler. Üç tur sonra n1 n2 n3 gibi bir şey. Aynı örüntü sonra sayfa metni için de işe yarar.

Sonucu sayfada görün

Kısa bir sayım çalıştırın, mesaj kurun, sonra sayfaya yazın.

for ile sayfa sayımı

html 
<!DOCTYPE html>
<html>
<head>
<title>For — page count</title>
</head>
<body>
<p id="out">…</p>
<script>
let msg = "";
for (let i = 1; i <= 4; i++) {
msg = msg + i + " ";
}
let box = document.getElementById("out");
box.textContent = "count=" + msg.trim();
</script>
</body>
</html>

Sayfa count=1 2 3 4 gösterir. Üst sınırı değiştirin, yenileyin, yeni listeyi okuyun. Sonraki ders while ile de tekrarlar ama koşul kontrolünün biçimi farklıdır — sayaç planını önceden biliyorsanız for temiz araç kalır.

Kendiniz deneyin

  1. i < 5 ile 0…4 günlüğe yazan bir for yazın.
  2. i <= 5 ile 1…5 yazacak şekilde değiştirin.
  3. 1…5 toplamını totala koyup günlüğe yazın.
  4. i += 2 ile 10un altındaki çiftleri yazdırın.
  5. Döngüde üç etiketli (a, b, c) bir metin kurun.
  6. HTML demoda yalnızca üst sınırı değiştirin, yenileyin, count= okuyun.

Sık hatalar

  • Bir eksik/fazla: tur sayısı farklıyken i < 5 yerine i <= 5 (veya tersi)
  • Güncellemeyi (i++) unutup koşulun bitmemesi
  • Tek if yeterken anlamsız tek turluk döngü yazmak
  • Koşuldakinden başka değişkeni değiştirmek
  • Başlıkta let ile tanımlanan inin döngüden sonra hâlâ işe yarayacağını sanmak (blok kapsamı)

Özet

  • for koşul doğru olduğu sürece gövdeyi tekrarlar
  • Başlıkta üç parça: başlangıç, koşul, güncelleme
  • Sayma, toplama ve kısa metin için uygundur
  • Güncelleme i++, i += 2 veya başka net adım olabilir
  • Döngü mesaj kuruyorsa sayfada da gösterin
  • Sırada: while döngüsü — koşul sürdükçe tekrarla, üç parçalı başlık olmadan

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 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
Konu 23 / 23
Javascript Ders