Schleifen: for, while, for...of

Wiederhole Anweisungen, ohne dich zu wiederholen - dank der Schleifen for, while und for...of.

7 Min. · 3 Fragen

Stell dir vor, du müsstest für 100 Nutzer eine Willkommensnachricht anzeigen: Dieselbe Zeile 100-mal zu kopieren wäre mühsam und fehleranfällig. Eine Schleife ist eine Struktur, die einen Anweisungsblock mehrmals wiederholt. JavaScript bietet mehrere Schleifen; beginnen wir mit der bekanntesten: der Schleife for.

for (let i = 1; i <= 3; i++) {
  console.log("Round number " + i);
}
// Prints: Round number 1
// Prints: Round number 2
// Prints: Round number 3

Die Zeile for (let i = 1; i <= 3; i++) liest sich in drei Teilen, getrennt durch Semikolons: den Start (let i = 1 erstellt einen Zähler namens i mit dem Wert 1), die Bedingung (i <= 3: die Schleife läuft weiter, solange das wahr ist) und den Schritt (i++ addiert nach jeder Runde 1 zu i). Die Schleife stoppt, sobald die Bedingung falsch wird.

Die Schleife while ist einfacher: Sie wiederholt ihren Block, solange ihre Bedingung wahr ist. Du verwendest sie, wenn du die Anzahl der Wiederholungen nicht im Voraus kennst.

let batteryLevel = 3;

while (batteryLevel > 0) {
  console.log("Battery: " + batteryLevel);
  batteryLevel = batteryLevel - 1;
}
console.log("Battery empty!");

Und schließlich durchläuft die Schleife for...of direkt die Werte einer Sammlung, etwa eines Arrays (eine Liste von Werten, die du in Lektion 5 im Detail kennenlernst). Bei jeder Runde erhält die Variable den nächsten Wert: kein Zähler zu verwalten.

const fruits = ["apple", "banana", "cherry"];

for (const fruit of fruits) {
  console.log(fruit);
}
// Prints: apple, then banana, then cherry

Wissenscheck

Stelle sicher, dass du die wichtigsten Punkte dieser Lektion behalten hast.

1. Wie oft läuft der Block von for (let i = 0; i < 3; i++)?
   • 2-mal
   • 3-mal
   • 4-mal
2. Welche Schleife durchläuft direkt die Werte eines Arrays, ohne Zähler?
   • for...of
   • while
   • if
3. Was passiert, wenn die Bedingung einer while-Schleife niemals falsch wird?
   • Die Schleife stoppt nach 1000 Runden
   • JavaScript überspringt die Schleife
   • Die Schleife läuft ewig und das Programm friert ein