Eine Schleife wiederholt Code. JavaScript kennt for, while, do...while, for...of und for...in.
for
Ergebnis
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
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
128 3
for...of: Werte durchlaufen
Für Arrays, Strings, Maps und Sets ist for...of die beste Wahl:
Ergebnis
rot grün blau 0 rot 1 grün 2 blau a b c
for...in: Schlüssel von Objekten
Ergebnis
name = Mia alter = 17 name Mia alter 17
break und continue
break verlässt die Schleife, continue springt zum nächsten Durchlauf:
Ergebnis
1 3 5 7
Mit Labels kannst du verschachtelte Schleifen auf einmal verlassen:
Ergebnis
6 7
Verschachtelte Schleifen
Ergebnis
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.