JavaScript while Loop
Voorbeeld
Loop een codeblok door zolang ai kleiner is dan 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Loop (herhaal over) een array om autonamen te verzamelen:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- De lus begint in positie 0 (
let i = 0). - De lus wordt
ivoor elke run verhoogd (i++). - De lus loopt zo lang als
i < cars.length.
Hieronder meer voorbeelden.
Definitie en gebruik
De whileinstructie creëert een lus (rond een codeblok) die wordt uitgevoerd terwijl een voorwaarde is
true.
De lus wordt uitgevoerd terwijl de voorwaarde is true. Anders stopt het.
Zie ook:
JavaScript-lusverklaringen
| Stelling | Beschrijving | |
| pauze | Breekt uit een lus | |
| doorgaan | Slaat een waarde in een lus over | |
| terwijl | Loopt een codeblok in een lus terwijl een voorwaarde waar is | |
| doen terwijl | Loopt een codeblok één keer in een lus, en dan terwijl een voorwaarde waar is | |
| voor | Loopt een codeblok in een lus terwijl een voorwaarde waar is | |
| voor...van | Loopt de waarden van elke iterable in een lus | |
| voor in | Loopt de eigenschappen van een object in een lus |
Syntaxis
while (condition) {
code block to be executed
}
Parameters:
| Parameter | Description |
| condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Opmerking
Als de voorwaarde altijd waar is, zal de lus nooit eindigen. Hierdoor crasht je browser.
Als u een variabele in de voorwaarde gebruikt, moet u deze vóór de lus initialiseren en binnen de lus verhogen. Anders houdt de lus nooit op. Dit zal ook uw browser laten crashen.
Meer voorbeelden
Loop over een array in aflopende volgorde (negatieve toename):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Break gebruiken - Loop door een codeblok, maar verlaat de lus wanneer i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Doorgaan gebruiken - Loop door een codeblok, maar sla de waarde 3 over:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Browserondersteuning
whileis een ECMAScript1 (ES1)-functie.
ES1 (JavaScript 1997) wordt volledig ondersteund in alle browsers:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |