Lädt...

For-Schleife

Bisher hast du mit if und switch einmal einen Weg gewählt. Auf echten Seiten brauchst du oft dieselbe Arbeit mehrmals: fünf Zeilen ausgeben, Zahlen addieren, eine kurze Liste bauen. Fünfmal denselben Befehl zu kopieren zerbricht beim ersten Änderungswunsch. for behält eine Kopie und führt einen Zähler durch die Runden.

Wie läuft eine for-Schleife?

Solange die Bedingung wahr ist, wird der Block in { } erneut ausgeführt. In den Klammern stehen drei Teile mit Semikolon: Startwert, Abbruchbedingung, Update nach jeder Runde. Wird die Bedingung falsch, endet die Schleife und es geht danach weiter.

Die drei Teile im Schleifenkopf

📊 Alltägliche for-Teile

Teil Alltagssprache Typische Nutzung
Init starte den Zähler hier… let i = 0
Bedingung mach weiter, solange das wahr ist… i < 5
Update nach jeder Runde den Zähler ändern… i++

Anfänger zählen meist mit einer kleinen Zahl namens i. Der Name ist Tradition, keine Regel — n oder step geht auch. Ohne Update wird die Bedingung vielleicht nie falsch und die Schleife hängt.

Einfaches for-Zählen

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

Von Start bis Stopp zählen

Es startet bei 0. Solange i kleiner als 5 ist, wird i gedruckt und eins addiert. In der Konsole siehst du 0 bis 4 — fünf Runden. Der Wert 5 erscheint nicht, weil die Bedingung zuerst scheitert.

Lies eine Runde langsam: Bedingung → Körper → Update → wieder Bedingung. Das Update gehört nicht in den Körper; es sitzt im Kopf, damit jede Runde gleich vorankommt.

Klaren Schritt loggen

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

Bei eins starten, klarer beschriften

Hier beginnt der Zähler bei 1 und die Bedingung lautet i <= 3; du siehst step 1 bis step 3. Ob null oder eins — Designwahl; die Bedingung muss dazu passen.

Summe mit for

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

Summe Runde für Runde aufbauen

total startet bei null und nimmt jedes Mal das aktuelle i auf. Nach 1+2+3+4 ist es 10. Schleifen glänzen, wenn das Ergebnis über Runden wächst — nicht bei einem einmaligen Zweig.

Schrittweite zwei

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

In Zweierschritten springen

i += 2 springt jede Runde um zwei: 0, 2, 4, 6. Der Update-Platz ist nicht nur i++ — jede ehrliche Änderung, die zum Ende führt, ist in Ordnung.

Kurzen Text kleben

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

Stücke während der Schleife anhängen

line startet leer und bekommt jede Runde ein Stück. Nach drei Runden hast du etwas wie n1 n2 n3. Dasselbe Muster später für Seitentext aus mehreren Teilen.

Ergebnis auf der Seite zeigen

Kurzen Zählvorgang ausführen, Nachricht bauen, dann in die Seite schreiben.

Seitenzählung mit for

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>

Die Seite zeigt count=1 2 3 4. Obere Grenze ändern, aktualisieren, neue Liste lesen. Die nächste Lektion mit while wiederholt auch, prüft die Bedingung aber anders — wenn du den Zählerplan schon kennst, bleibt for das saubere Werkzeug.

Selbst ausprobieren

  1. Schreibe ein for mit i < 5, das 0…4 loggt.
  2. Ändere es so, dass mit i <= 5 die Werte 1…5 geloggt werden.
  3. Summiere 1…5 in total und logge das Ergebnis.
  4. Drucke gerade Zahlen unter 10 mit i += 2.
  5. Baue in der Schleife einen String aus drei Labels (a, b, c).
  6. In der HTML-Demo nur die obere Grenze ändern, aktualisieren, count= lesen.

Häufige Fehler

  • Off-by-one: i < 5 statt i <= 5 (oder umgekehrt), wenn die Rundenzahl anders gemeint war
  • Update (i++) vergessen, sodass die Bedingung nie endet
  • Arbeit, die ein if reicht, sinnlos als Ein-Runden-Schleife schreiben
  • Eine andere Variable ändern als die in der Bedingung
  • Annehmen, i sei nach der Schleife noch nützlich, wenn es mit let im Kopf deklariert wurde (Block-Scope)

Kurzfassung

  • for wiederholt den Körper, solange die Bedingung wahr ist
  • Kopfteile: Init, Bedingung, Update
  • Gut zum Zählen, Summieren und kurzen Strings bauen
  • Update kann i++, i += 2 oder ein anderer klarer Schritt sein
  • Wenn die Schleife eine Nachricht baut, zeige sie auch auf der Seite
  • Als Nächstes: while — wiederholen solange eine Bedingung gilt, ohne Drei-Teile-Kopf

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
8
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 23 von 23
Javascript Tutorial