JavaScript While-lus
Loops kunnen een codeblok uitvoeren zolang een opgegeven voorwaarde waar is.
De While-lus
De while
lus loopt door een codeblok zolang een opgegeven voorwaarde waar is.
Syntaxis
while (condition) {
// code block to be executed
}
Voorbeeld
In het volgende voorbeeld wordt de code in de lus steeds opnieuw uitgevoerd, zolang een variabele (i) kleiner is dan 10:
Voorbeeld
while (i < 10) {
text += "The number is " + i;
i++;
}
Als u vergeet de variabele die in de voorwaarde wordt gebruikt te verhogen, zal de lus nooit eindigen. Hierdoor crasht je browser.
De Do While-lus
De do while
lus is een variant van de while-lus. Deze lus voert het codeblok één keer uit, voordat wordt gecontroleerd of de voorwaarde waar is, en herhaalt de lus zolang de voorwaarde waar is.
Syntaxis
do {
// code block to be executed
}
while (condition);
Voorbeeld
In het onderstaande voorbeeld wordt een do while
lus gebruikt. De lus wordt altijd minstens één keer uitgevoerd, zelfs als de voorwaarde onwaar is, omdat het codeblok wordt uitgevoerd voordat de voorwaarde wordt getest:
Voorbeeld
do {
text += "The number is " + i;
i++;
}
while (i < 10);
Vergeet niet de variabele die in de voorwaarde wordt gebruikt te vergroten, anders eindigt de lus nooit!
Vergelijken voor en terwijl
Als je het vorige hoofdstuk over de for-lus hebt gelezen, zul je ontdekken dat een while-lus vrijwel hetzelfde is als een for-lus, waarbij statement 1 en statement 3 zijn weggelaten.
De lus in dit voorbeeld gebruikt een for
lus om de autonamen uit de rij auto's te verzamelen:
Voorbeeld
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
De lus in dit voorbeeld gebruikt een while
lus om de autonamen uit de rij auto's te verzamelen:
Voorbeeld
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}