JavaScript-While-Schleife

Solange die Bedingung wahr ist, führt der Zyklus den Codeblock fortlaufend aus.

While-Zyklus

Der while-Zyklus wird den Codeblock so lange wiederholen, bis die angegebene Bedingung wahr ist.

Syntax

while (Bedingung) {
    Der zu executingierende Codeblock
}

Beispiel

Im folgenden Beispiel wird der Code im Zyklus immer wieder ausgeführt, solange die Variable (i) kleiner als 10 ist:

while (i < 10) {
    text += "Die Zahl ist " + i;
    i++;
}

Probieren Sie es selbst aus

Wenn Sie vergessen, die Variable, die in der Bedingung verwendet wird, zu erhöhen, wird der Zyklus niemals enden. Dies kann zum Absturz des Browsers führen.

Do/While-Zyklus

Der do/while-Zyklus ist eine Variante des while-Zyklus. Dieser Zyklus führt einmal den Codeblock aus, bevor die Bedingung überprüft wird, und wiederholt den Zyklus solange die Bedingung wahr ist.

Syntax

do {
    Der zu executingierende Codeblock
}
while (Bedingung);

Beispiel

Das folgende Beispiel verwendet den do/while-Zyklus. Dieser Zyklus wird mindestens einmal ausgeführt, selbst wenn die Bedingung falsch ist, da der Codeblock vor der Bedingungstest ausgeführt wird:

do {
    text += "Die Zahl ist " + i;
    i++;
 }
while (i < 10);

Probieren Sie es selbst aus

while (i < 10);

Vergessen Sie nicht, die Variablen im Bedingungen zu inkrementieren,否则循环永远不会结束！

Vergleich For und While

Der Loop in diesem Beispiel verwendet Wenn Sie bereits die vorherigen Kapitel über Loops gelesen haben, werden Sie feststellen, dass der while-Loop dem for-Loop sehr ähnlich ist, bei dem die Anweisung 1 und die Anweisung 2 weggelassen werden können.Um die Automobilmarken im cars-Array auszulesen:

Beispiel

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
For-Schleife
    text += cars[i] + "<br>";
    i++;
}

Probieren Sie es selbst aus

Der Loop in diesem Beispiel verwendet While-SchleifeUm die Automobilmarken im cars-Array auszulesen:

Beispiel

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

Probieren Sie es selbst aus

Fachbücher

Für mehr Informationen JavaScript while-AnweisungMehr über das Wissen, lesen Sie bitte die entsprechenden Inhalte im fortgeschrittenen JavaScript-Tutorial:

ECMAScript-Iterativ-Sätze
Iterativ-Sätze werden auch als Loop-Sätze bezeichnet. In diesem Abschnitt werden wir die vier Iterativ-Sätze, die ECMAScript anbietet, vorstellen.