Schleifen

Schleifen sind wie automatische Wiederholungen in der Programmierung. Sie helfen uns, denselben Code mehrmals auszuführen, ohne ihn immer wieder neu schreiben zu müssen. Das spart Zeit und macht unseren Code übersichtlicher.

Wozu brauchen wir Schleifen?

Stellen Sie sich vor, Sie möchten jedem Schüler in einer Klasse mit 30 Schülern eine Nachricht schicken. Ohne Schleifen müssten Sie 30 Mal denselben Code schreiben! Mit Schleifen können Sie das in nur wenigen Zeilen erledigen.

Die for-Schleife

Die for-Schleife ist die am häufigsten verwendete Schleife. Sie besteht aus drei Teilen:

1. Start: Wo beginnen wir? (z.B. bei 0)
2. Bedingung: Wie lange soll die Schleife laufen? (z.B. bis 10)
3. Schritt: Was passiert nach jedem Durchlauf? (z.B. erhöhe um 1)

for (let i = 1; i <= 5; i++) {
  console.log("Durchlauf Nummer " + i);
}

Diese Schleife gibt aus:

Durchlauf Nummer 1
Durchlauf Nummer 2
Durchlauf Nummer 3
Durchlauf Nummer 4
Durchlauf Nummer 5

Arrays mit for durchlaufen

Schleifen sind perfekt, um durch Listen (Arrays) zu gehen:

let früchte = ["Apfel", "Banane", "Orange", "Erdbeere"];

for (let i = 0; i < früchte.length; i++) {
  console.log(früchte[i]);
}

Die while-Schleife

Die while-Schleife wiederholt einen Code, solange eine Bedingung wahr ist:

let zähler = 1;

while (zähler <= 5) {
  console.log("Zähler steht bei " + zähler);
  zähler++;
}

Die while-Schleife ist nützlich, wenn Sie nicht wissen, wie oft etwas wiederholt werden muss:

// Zufallszahlen generieren, bis eine 6 kommt
let würfelErgebnis;

while (würfelErgebnis !== 6) {
  würfelErgebnis = Math.floor(Math.random() * 6) + 1;
  console.log("Gewürfelt: " + würfelErgebnis);
}

console.log("Endlich eine 6!");

Die do-while-Schleife

Die do-while-Schleife ist wie die while-Schleife, führt den Code aber mindestens einmal aus:

let zähler = 1;

do {
  console.log("Durchlauf " + zähler);
  zähler++;
} while (zähler <= 5);

Der Unterschied zur while-Schleife zeigt sich, wenn die Bedingung von Anfang an falsch ist:

let zähler = 10;

// Diese Schleife wird gar nicht ausgeführt
while (zähler < 5) {
  console.log("While: " + zähler);
  zähler++;
}

// Diese Schleife wird einmal ausgeführt
do {
  console.log("Do-While: " + zähler);
  zähler++;
} while (zähler < 5);

Die for…of-Schleife

Die for...of-Schleife ist die einfachste Möglichkeit, durch Listen zu gehen:

let früchte = ["Apfel", "Banane", "Orange"];

for (let frucht of früchte) {
  console.log(frucht);
}

Schleifen steuern mit break und continue

break

Mit break können Sie eine Schleife sofort beenden:

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    console.log("Bei 5 hören wir auf!");
    break;
  }
  console.log(i);
}
// Ausgabe: 1, 2, 3, 4, "Bei 5 hören wir auf!"

continue

Mit continue überspringen Sie den aktuellen Durchlauf und machen mit dem nächsten weiter:

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    console.log("Die 3 überspringen wir");
    continue;
  }
  console.log(i);
}
// Ausgabe: 1, 2, "Die 3 überspringen wir", 4, 5

Verschachtelte Schleifen

Sie können auch Schleifen ineinander verschachteln. Das ist wie ein Rädchen in einem anderen Rädchen:

for (let i = 1; i <= 3; i++) {
  console.log("Äussere Schleife: " + i);

  for (let j = 1; j <= 2; j++) {
    console.log("  Innere Schleife: " + j);
  }
}

Übung: Schleifen in der Praxis

Aufgabe: Schleifen ausprobieren

Jetzt sind Sie dran! Öffnen Sie die Konsole Ihres Browsers (F12 drücken) und probieren Sie folgende Übungen aus:

1. Countdown:

   • Schreiben Sie eine Schleife, die von 10 bis 1 runterzählt
   • Geben Sie am Ende “Start!” aus

2. Summe berechnen:

   • Berechnen Sie die Summe aller Zahlen von 1 bis 100 mit einer Schleife
   • Tipp: Verwenden Sie eine Variable, die mit 0 beginnt und zu der Sie in jedem Durchlauf die aktuelle Zahl addieren

3. Multiplikationstabelle:

   • Erstellen Sie die Multiplikationstabelle für die Zahl 7 (7x1 bis 7x10)
   • Geben Sie jedes Ergebnis in der Form “7 x 5 = 35” aus

4. Gerade/Ungerade:

   • Schreiben Sie eine Schleife, die die Zahlen von 1 bis 20 durchläuft
   • Verwenden Sie if/else, um bei jeder Zahl auszugeben, ob sie gerade oder ungerade ist
   • Tipp: Eine Zahl ist gerade, wenn sie durch 2 teilbar ist (Modulo-Operator: zahl % 2 === 0)

5. Array-Summe:

   • Erstellen Sie ein Array mit einigen Zahlen
   • Berechnen Sie die Summe aller Zahlen im Array
   • Geben Sie sowohl die einzelnen Zahlen als auch die Summe aus

Bonus-Aufgabe: Stern-Muster:

• Verwenden Sie verschachtelte Schleifen, um folgendes Muster in der Konsole auszugeben:

   *
   **
   ***
   ****
   *****

• Tipp: Sammeln Sie in jedem Durchlauf Sternchen in einem String und geben Sie ihn am Ende aus

Zusammenfassung

• for-Schleife: Ideal, wenn Sie wissen, wie oft etwas wiederholt werden soll
• while-Schleife: Gut, wenn Sie nicht wissen, wie oft etwas wiederholt werden muss
• do-while-Schleife: Wie while, aber führt den Code mindestens einmal aus
• for…of-Schleife: Die einfachste Möglichkeit, durch Arrays zu gehen
• break: Beendet eine Schleife vorzeitig
• continue: Überspringt den aktuellen Durchlauf

Im nächsten Kapitel lernen wir über Funktionen, mit denen wir unseren Code noch besser organisieren können!