JavaScript while-statement

Definitie en gebruik

De while-statement maakt een lus, die wordt uitgevoerd zolang de opgegeven voorwaarde waar is.

Een lus blijft lopen zolang de voorwaarde waar is. Het stopt alleen wanneer de voorwaarde vals wordt.

JavaScript ondersteunt verschillende soorten loops:

  • for - Herhaal een codeblok meerdere keren
  • for/in - Loop door de eigenschappen van een object
  • for/of - Loop door de waarden van een iterable object
  • while - Herhaalt een codeblok zolang de opgegeven voorwaarde waar is
  • do/while - Een codeblok wordt eenmalig uitgevoerd en herhaald wanneer de opgegeven voorwaarde waar is

Tip:Gebruik de break-statement om de lus te verlaten, en gebruik de continue-statement om een waarde in de lus over te slaan.

Voorbeeld

De codeblokken worden herhaald zolang de variabele (i) kleiner is dan 5:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Het getal is " + i + ";"
  i++;
}

Probeer het zelf

Er zijn meer TIY voorbeelden onder de pagina.

Syntax

while (voorwaarde) {
  code blokken die worden uitgevoerd
}

Parameterswaarden

Parameters Beschrijving
voorwaarde

Verplicht. Definieer de voorwaarde die de lus (codeblokken) uitvoert. Als deze waar is, begint de lus opnieuw, als deze vals is, eindigt de lus.

Opmerking:Als de voorwaarde altijd waar is, zal de lus nooit eindigen. Dit kan ook je browser laten crashen.

Opmerking:Als je een variabele met een voorwaarde gebruikt,_initialiseer deze dan voordat je de lus begint, en verhoog deze binnen de lus. Als je vergeet om de variabele te verhogen, zal de lus nooit eindigen. Dit kan ook je browser laten crashen.

Technische details

JavaScript Versie: ECMAScript 1

Meer voorbeelden

Voorbeeld

De lus loopt door de indices van het array en verzamelt de namen van de auto's uit het array cars:

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

Voorbeeld uitleg:

  1. Eerst stellen we een variabele in voordat de lus begint (var i = 0;).
  2. Daarna definiëren we de voorwaarde voor de lus. Zolang de variabele kleiner is dan de lengte van het array (dus 4), gaat de lus door.
  3. Elke keer dat de lus wordt uitgevoerd, wordt de variabele met 1 verhoogd (i++).
  4. Zodra de variabele niet langer kleiner is dan 4 (de lengte van het array), is de voorwaarde vals en eindigt de lus.

Probeer het zelf

Voorbeeld

Herhaal de arrayindex achterwaarts:

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

Probeer het zelf

Voorbeeld

Gebruik de break-statement - voer de codeblokken uit, maar verlaat de lus wanneer de variabele i gelijk is aan "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Het getal is " + i + ";"
  i++;
  if (i == 3) {
    break;
  }
}

Probeer het zelf

Voorbeeld

Gebruik de continue-statement - voer de codeblokken uit, maar sla de waarde "3" over:

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>Het getal is " + i + ";"
}

Probeer het zelf

Browserondersteuning

stuk Chrome IE Firefox Safari Opera
while Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Gerelateerde pagina's

JavaScript Handleiding:JavaScript While loop

JavaScript reference manual:JavaScript do ... while statement

JavaScript reference manual:JavaScript for statement

JavaScript reference manual:JavaScript break statement

JavaScript reference manual:JavaScript continue statement