For-Schleife in JavaScript

Schleifen können Codeblöcke mehrmals ausführen.

JavaScript-Schleifen

Wenn Sie den Code mehrmals mit verschiedenen Werten ausführen müssen, ist der Loop (Schleife) sehr praktisch.

Oft begegnen wir Beispielen mit Arrays:

So sollte es nicht sein:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Sie können so schreiben:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

Probieren Sie es selbst aus

Verschiedene Arten von Zyklen

JavaScript unterstützt verschiedene Arten von Zyklen:

  • for - Mehrfach durchsuchen Sie einen Codeblock
  • for/in - Durchsuchen Sie die Eigenschaften eines Objekts
  • while - Führen Sie einen Codeblock aus, wenn die angegebene Bedingung true ist
  • do/while - Führen Sie einen Codeblock aus, wenn die angegebene Bedingung true ist

For-Zyklus

Der for-Zyklus ist ein häufig verwendetes Werkzeug, wenn Sie einen Zyklus erstellen möchten.

Die Syntax des for-Zyklus ist wie folgt:

for (Satz 1; Satz 2; Satz 3) {
     Der auszuführende Codeblock
}

Satz 1 wird vor dem Start des Zyklus (Codeblock) ausgeführt.

Satz 2 definiert die Bedingung für den Lauf des Zyklus (Codeblock).

Satz 3 wird nach jedem Ausführen des Zyklus (Codeblock) ausgeführt.

Beispiel

for (i = 0; i < 5; i++) {
     text += "Die Zahl ist " + i + "<br>";
}

Probieren Sie es selbst aus

Aus dem obigen Code können Sie verstehen:

Satz 1 setzt eine Variable vor dem Start des Zyklus (var i = 0).

Satz 2 definiert die Bedingung für den Lauf des Zyklus (i muss kleiner als 5 sein).

Satz 3 erhöht den Wert nach jedem Ausführen des Codeblocks (i++).

Satz 1

Normalerweise verwenden Sie Satz 1, um die Variablen zu initialisieren, die im Zyklus verwendet werden (i = 0).

Aber das ist nicht immer der Fall, JavaScript kümmert sich nicht darum. Satz 1 ist optional.

Sie können mehrere Werte in Satz 1 initialisieren (durch Komma getrennt):

Beispiel

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

Probieren Sie es selbst aus

Und Sie können auch Satz 1 weglassen (z.B. vor dem Start des Zyklus den Wert festlegen):

Beispiel

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

Probieren Sie es selbst aus

Satz 2

Normalerweise wird Satz 2 zur Berechnung der Bedingung der initialen Variablen verwendet.

Aber das ist nicht immer der Fall, JavaScript kümmert sich nicht darum. Satz 2 ist auch optional.

Wenn Satz 2 true zurückgibt, beginnt der Zyklus neu, wenn false, dann endet der Zyklus.

Wenn Satz 2 weggelassen wird, muss in der Schleife ein break. Ansonsten wird der Zyklus niemals enden. Mehr über break im nächsten Kapitel lesen.

Satz 3

Normalerweise wird Satz 3 den Wert der initialen Variablen erhöhen.

Aber das ist nicht immer der Fall, JavaScript kümmert sich nicht darum. Satz 3 ist auch optional.

Satz 3 kann alles tun, wie z.B. negative Inkrementierung (i--), positive Inkrementierung (i = i + 15) oder irgendetwas anderes.

Der dritte Anweisung kann auch weggelassen werden (z.B. wenn Sie im Schleifendurchlauf den Wert inkrementieren):

Beispiel

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

Probieren Sie es selbst aus

For/In-Schleife

JavaScript for/in Der Anweisung wird das Attribut des Objekts durchlaufen:

Beispiel

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

Probieren Sie es selbst aus

While-Schleife

Wir werden im nächsten Kapitel die while-Schleife und die do/while-Schleife lernen.

Fachbücher

Möchten Sie mehr über JavaScript for-AnweisungMehr über die

ECMAScript-Iterativ-Sätze
Iterativ-Sätze werden auch als Schleifen-Sätze bezeichnet. In diesem Abschnitt werden die vier Iterativ-Sätze, die ECMAScript anbietet, vorgestellt.