CodeGym /Kurse /Frontend SELF DE /Schleifen in JavaScript

Schleifen in JavaScript

Frontend SELF DE
Level 34 , Lektion 0
Verfügbar

6.1 While-Schleife

Schleifen in JavaScript ermöglichen es, einen Codeblock mehrfach auszuführen, solange eine bestimmte Bedingung erfüllt ist. Das ist ein wichtiger Bestandteil der Programmierung, der hilft, sich wiederholende Aufgaben zu automatisieren.

Die while-Schleife führt einen Codeblock aus, solange die Bedingung wahr (true) ist.

Syntax:

    
      while (condition) {
        // Code, der ausgeführt wird, solange die Bedingung wahr ist
      }
    
  

Beispiel:

JavaScript
    
      let i = 0;
      while (i < 5) {
        console.log(`Iteration Nummer ${i}`);
        i++;
      }

      // Ausgabe:
      // Iteration Nummer 0
      // Iteration Nummer 1
      // Iteration Nummer 2
      // Iteration Nummer 3
      // Iteration Nummer 4
    
  

In diesem Beispiel:

  • Die Schleife läuft weiter, solange der Wert von i kleiner als 5 ist
  • Innerhalb der Schleife wird der Wert von i nach jeder Iteration um 1 erhöht

6.2 Einen Codeblock n-mal ausführen

Oft kommt es vor, dass ein Codeblock eine feste Anzahl von Malen ausgeführt werden muss. Dieser Code kann wie eine while-Schleife geschrieben werden:

    
      let i = 0;
      while (i < 5) {
        console.log(`Iteration Nummer ${i}`);
        i++;
      }
    
  

Im Allgemeinen sieht es so aus:

    
      Initialisierung
      while (Bedingung) {
        Codeblock
        Schritt
      }
    
  

6.3 For-Schleife

For-Schleife

Die for-Schleife ist eine der am häufigsten verwendeten Schleifen in JavaScript. Sie wurde speziell dafür entwickelt, einen Codeblock eine bestimmte Anzahl von Malen zu wiederholen.

Syntax:

    
      for (Initialisierung; Bedingung; Schritt) {
        // Code, der bei jeder Iteration ausgeführt wird
      }
    
  

Beispiel:

JavaScript
    
      for (let i = 0; i < 5; i++) {
        console.log(`Iteration Nummer ${i}`);
      }
      // Ausgabe:
      // Iteration Nummer 0
      // Iteration Nummer 1
      // Iteration Nummer 2
      // Iteration Nummer 3
      // Iteration Nummer 4
    
  

Erläuterung:

  • let i = 0 — Initialisierung der Variablen i, die als Zähler der Iterationen dient
  • i < 5 — Bedingung, unter der die Schleife weiter ausgeführt wird. Die Schleife stoppt, wenn i gleich 5 wird
  • i++ — Schritt, der nach jeder Iteration ausgeführt wird, um den Wert von i um 1 zu erhöhen

6.4 Do...while-Schleife

Die do...while-Schleife ähnelt der while-Schleife, mit dem Unterschied, dass der Codeblock mindestens einmal ausgeführt wird, bevor die Bedingung überprüft wird.

Syntax:

    
      do {
        // Code, der mindestens einmal ausgeführt wird
      } while (Bedingung);
    
  

Beispiel:

JavaScript
    
      let i = 0;
      do {
        console.log(`Iteration Nummer ${i}`);
        i++;
      } while (i < 5);

      // Ausgabe:
      // Iteration Nummer 0
      // Iteration Nummer 1
      // Iteration Nummer 2
      // Iteration Nummer 3
      // Iteration Nummer 4
    
  

In diesem Beispiel:

  • Der Codeblock innerhalb von do wird mindestens einmal ausgeführt, selbst wenn die Bedingung von Anfang an falsch ist
  • Nach der Ausführung des Codeblocks wird die Bedingung überprüft, und wenn sie wahr ist, läuft die Schleife weiter

6.5 Vergleich der Schleifen

Schleife Wann verwenden Besonderheiten
for Wenn die Anzahl der Iterationen bekannt ist Kompakte Syntax, praktisch für Arrays
while Wenn die Anzahl der Iterationen im Voraus unbekannt ist Bedingung wird vor jeder Iteration geprüft
do-while Wenn der Codeblock mindestens einmal ausgeführt werden soll Bedingung wird nach der Ausführung des Codeblocks geprüft

Beispiele für die Verwendung von Schleifen

Array-Durchlauf mit for:

JavaScripts
    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Ausgabe: 1 2 3 4 5
    
  

Verwendung von while zum Warten auf eine Bedingung:

JavaScript
    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Verwendung von do-while, um mindestens eine Iteration auszuführen:

JavaScript
    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Ausgabe: 0 (Schleife wird einmal ausgeführt, trotz falscher Bedingung)
    
  
Kommentare
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION