JavaScript while-Anweisung

Definition und Verwendung

while-Anweisung erstellt einen Loop, der ausgeführt wird, solange die angegebene Bedingung wahr ist.

Solange die Bedingung wahr ist, läuft der Loop fort. Er stoppt erst, wenn die Bedingung falsch wird.

JavaScript unterstützt verschiedene Arten von Loops:

  • for - Führt einen Codeblock mehrmals aus
  • for/in - Durchläuft die Eigenschaften eines Objekts
  • for/of - Durchläuft die Werte eines iterierbaren Objekts
  • while - Führt einen Codeblock aus, solange die angegebene Bedingung wahr ist
  • do/while - Führt einen Codeblock einmal aus und wiederholt den Loop, wenn die angegebene Bedingung wahr ist

Tipp:Verwenden Sie die break-Anweisung, um aus der Schleife auszusteigen, und die continue-Anweisung, um einen bestimmten Wert in der Schleife zu überspringen.

Beispiel

Der Codeblock wird so lange durchlaufen, bis die Variable (i) kleiner als 5 ist:

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

Probieren Sie es selbst aus

Unten auf der Seite gibt es mehr TIY-Beispiele.

Syntax

while (condition) {
  Codeblock, der ausgeführt wird
}

Parameterwert

Parameter Beschreibung
condition

Erforderlich. Definieren Sie die Bedingung, unter der die Schleife (Codeblock) ausgeführt wird. Wenn true zurückgegeben wird, beginnt die Schleife neu, wenn false zurückgegeben wird, endet die Schleife.

Anmerkung:Wenn die Bedingung immer wahr ist, wird die Schleife niemals enden. Dies kann Ihren Browser zum Absturz bringen.

Anmerkung:Wenn Sie eine bedingte Variable verwenden, initialisieren Sie sie bitte vor der Schleife und erhöhen Sie sie im Laufe der Schleife. Vergessen Sie nicht, die Variable zu erhöhen, sonst wird die Schleife nie enden. Dies kann auch Ihren Browser zum Absturz bringen.

Technische Details

JavaScript-Version: ECMAScript 1

Mehr Beispiele

Beispiel

Durchlaufen Sie die Indizes des Arrays und sammeln Sie die Namen der Autos aus dem Array "cars":

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

Beispiel Erklärung:

  1. Zunächst setzen wir eine Variable vor dem Beginn der Schleife (var i = 0;)
  2. Dann definieren wir die Bedingung für die Schleife. Solange die Variable kleiner als die Länge des Arrays ist (d.h. 4), wird die Schleife fortgesetzt
  3. Die Variable wird bei jedem Durchlauf der Schleife um eins erhöht (i++)
  4. Wenn die Variable nicht mehr kleiner als 4 (die Länge des Arrays) ist, ist die Bedingung falsch und die Schleife endet

Probieren Sie es selbst aus

Beispiel

Durchlaufen Sie den Array-Indeks nach hinten:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

Probieren Sie es selbst aus

Beispiel

Verwenden Sie die break-Anweisung - Durchlaufen Sie den Schleifenblock, aber beenden Sie die Schleife, wenn die Variable i den Wert "3" erreicht:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Die Zahl ist " + i + ";"
  i++;
  if (i == 3) {
    break;
  }
}

Probieren Sie es selbst aus

Beispiel

Verwenden Sie die continue-Anweisung - Durchlaufen Sie den Schleifenblock, aber überspringen Sie den Wert "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>Die Zahl ist " + i + ";"
}

Probieren Sie es selbst aus

Browser-Unterstützung

Anweisung Chrome IE Firefox Safari Opera
while Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

JavaScript-Anleitung:JavaScript While-Schleife

JavaScript-Referenzhandbuch:JavaScript do ... while-Anweisung

JavaScript-Referenzhandbuch:JavaScript for-Anweisung

JavaScript-Referenzhandbuch:JavaScript break-Anweisung

JavaScript-Referenzhandbuch:JavaScript continue-Anweisung