JavaScript While Loops

Zolang de voorwaarde waar is, kan de lus de codeblokken oneindig vaak uitvoeren.

While-lus

De while-lus herhaalt het uitvoeren van de codeblokken zolang de opgegeven voorwaarde waar is.

Syntax

while (Voorwaarde) {
    De codeblokken die moeten worden uitgevoerd
}

Voorbeeld

In het volgende voorbeeld wordt de code in de lus zolang de variabele (i) kleiner is dan 10, keer op keer uitgevoerd:

while (i < 10) {
    text += "Het getal is " + i;
    i++;
}

Probeer het zelf

Als je vergeet om de variabele die in de voorwaarde wordt gebruikt te verhogen, zal de lus nooit eindigen. Dit kan leiden tot een crash van de browser.

Do/While-lus

De do/while-lus is een variant van de while-lus. Deze lus voert ten minste een keer een codeblok uit, en vervolgens herhaalt de lus zolang de voorwaarde waar is.

Syntax

do {
    De codeblokken die moeten worden uitgevoerd
}
while (Voorwaarde);

Voorbeeld

Het volgende voorbeeld gebruikt de do/while-lus. Deze lus voert ten minste een keer uit, zelfs als de voorwaarde false is, omdat de codeblokken worden uitgevoerd voordat de voorwaarde wordt getest:

do {
    text += "Het getal is " + i;
    i++;
 }
while (i < 10);

Probeer het zelf

while (i < 10);

Vergeet niet om de variabelen die in de voorwaarde worden gebruikt te verhogen, anders zal de lus nooit eindigen!

Vergelijk For met While

De lus in dit voorbeeld gebruikt Als je al eerder over luzen hebt gelezen, zul je merken dat de while-lus vergelijkbaar is met de for-lus, waarbij de statements 1 en 2 kunnen worden weggelaten.Om merken uit het cars-array te extraheren:

Voorbeeld

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

Probeer het zelf

De lus in dit voorbeeld gebruikt While-lusOm merken uit het cars-array te extraheren:

Voorbeeld

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

Probeer het zelf

Boeken buiten de les

Meer te weten komen over JavaScript while-statementMeer te weten komen over de kennis, raadpleeg de relevante inhoud in de geavanceerde handleiding van JavaScript:

ECMAScript Iteratieve Statements
Iteratieve statements worden ook wel lusstatements genoemd. In deze sectie worden de vier iteratieve statements van ECMAScript aan je voorgesteld.