JavaScript While løkke

Så længe betingelsen er sand, kan løkken udføre kodeblokken igen og igen.

While-løkke

While-løkke vil gentage kodeblokken, så længe den angivne betingelse er sand.

syntaks

mens (betingelse) {
    at udføre kodeblokken
}

Eksempel

I følgende eksempel vil koden i løkken køre igen og igen, så længe variablen (i) er mindre end 10:

mens (i < 10) {
    text += "Tallet er " + i;
    i++;
}

prøv det selv

Hvis du glemmer at øge variablen, der bruges i betingelsen, vil løkken aldrig ende. Dette kan føre til, at browseren krasjer.

Do/While-løkke

Do/While-løkke er en variant af while-løkke. Før betingelsen tjekkes, vil denne løkke udføre kodeblokken én gang, og derefter gentage løkken, så længe betingelsen er sand.

syntaks

gør {
    at udføre kodeblokken
}
mens (betingelse);

Eksempel

Følgende eksempel bruger do/while-løkke. Denne løkke vil udføre mindst én gang, selvom betingelsen er falsk, fordi kodeblokken udføres før betingelsen testes:

gør {
    text += "Tallet er " + i;
    i++;
 }
while (i < 10);

prøv det selv

Glem ikke at øge variablen i betingelsen, ellers vil løkken aldrig afslutte!

Sammenlign For med While

Hvis du allerede har læst tidligere kapitler om løkker, vil du bemærke, at while-løkken er meget ligner for-løkken, hvor sætning 1 og sætning 2 kan udelades.

Løkken i dette eksempel bruger for-løkkefor at udtrække bilmærker fra cars-arrayet:

Eksempel

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

prøv det selv

Løkken i dette eksempel bruger while-løkkefor at udtrække bilmærker fra cars-arrayet:

Eksempel

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

prøv det selv

ekstrabøger

for mere information om JavaScript while sætningfor mere information, læs de relevante emner i JavaScript avanceret tutorial:

ECMAScript iterativsætning
Iterativsætninger kaldes også løkke-sætninger. Dette afsnit præsenterer de fire iterativsætninger, som ECMAScript tilbyder.