JavaScript While-loop

Så länge villkoret är sant, kan loopen köra kodblocket.

While-loop

While-loop kommer att köra kodblocket så länge den specificerade villkoret är sant.

Syntax

while (Villkor) {
    Koden som ska köras
}

Exempel

I följande exempel kommer koden i loopen att köra, gång efter gång, så länge variabeln (i) är mindre än 10:

while (i < 10) {
    text += "Talet är " + i;
    i++;
}

prova själv

Om du glömmer att öka variabeln som används i villkoret kommer loopen aldrig att avslutas. Detta kan leda till att webbläsaren kraschar.

Do/While-loop

Do/while-loop är en variant av while-loop. Innan villkoret kontrolleras kommer denna loop att köra en kodblock, och sedan kommer den att upprepa loopen så länge villkoret är sant.

Syntax

do {
    Koden som ska köras
}
while (Villkor);

Exempel

Följande exempel använder do/while-loop. Denna loop kommer att köra minst en gång, även om villkoret är falskt, eftersom kodblocket körs innan villkoret testas:

do {
    text += "Det är numret " + i;
    i++;
 }
while (i < 10);

prova själv

while (i < 10);

Glöm inte att öka variablerna som används i villkoret, annars kommer loopen aldrig att avslutas!

Jämför For och While

i detta exempel använder vi Om du redan har läst tidigare kapitel om loopar, kommer du att märka att while-loopar är mycket lika med for-loopar, där mening 1 och mening 2 kan utelämnas.för att extrahera bilmärken från cars-arrayen:

Exempel

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

prova själv

i detta exempel använder vi while-loopför att extrahera bilmärken från cars-arrayen:

Exempel

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

prova själv

litteratur

mer om JavaScript while-satsmer information, läs relaterade innehåll i JavaScript-avancerad handledning:

ECMAScript-iterativsats
Iterativsats, också kallad loop-sats. Detta avsnitt introducerar de fyra iterativsatsarna som ECMAScript erbjuder.