Eine Schleife wiederholt Code. JavaScript kennt for, while, do...while, for...of und for...in.
for
Ergebnis
Ausgabe
Runde 1 Runde 2 Runde 3 Runde 4 Runde 5
Im Kopf stehen drei Teile: Start (let i = 1), Bedingung (i <= 5), Schritt (i++).
Ergebnis
Ausgabe
5050 10 7 4 1
while und do...while
while prüft die Bedingung vor jedem Durchlauf, do...while danach (läuft also mindestens einmal):
Ergebnis
Ausgabe
128 3
for...of: Werte durchlaufen
Für Arrays, Strings, Maps und Sets ist for...of die beste Wahl:
Ergebnis
Ausgabe
rot grün blau 0 rot 1 grün 2 blau a b c
for...in: Schlüssel von Objekten
Ergebnis
Ausgabe
name = Mia alter = 17 name Mia alter 17
break und continue
break verlässt die Schleife, continue springt zum nächsten Durchlauf:
Ergebnis
Ausgabe
1 3 5 7
Mit Labels kannst du verschachtelte Schleifen auf einmal verlassen:
Ergebnis
Ausgabe
6 7
Verschachtelte Schleifen
Ergebnis
Ausgabe
1 2 3 4 2 4 6 8 3 6 9 12
Schleifen vs. Array-Methoden
Für Listen sind map, filter, reduce und forEach (nächstes Kapitel) oft kürzer als eine Schleife. Schleifen sind aber ideal bei Abbruchbedingungen, Zählern und Schritten.
Merke
forfür feste Anzahl,whilefür Bedingungen,do...whileläuft mindestens einmalfor...offür Werte,for...infür Objektschlüsselbreakbeendet,continueüberspringt, Labels verlassen mehrere Ebenen- Schleifenvariable ändern, sonst Endlosschleife
Aufgabe
Gib die Zahlen von 1 bis 30 aus, aber "Fizz" für Vielfache von 3, "Buzz" für Vielfache von 5 und "FizzBuzz" für beides.