Loopar: While-loop i JavaScript

För dem som kan programmering är det här inget nytt. Det här är grundläggande och kanske det första man lär sig i JavaScript. I den här artikelserien tänker vi gå igenom olika loopar i JavaScript på en nybörjarnivå. Som webbutvecklare, vare sig man är nybörjare eller rutinerad programmerare, kommer man i kontakt med loopar titt som tätt.

I den här artikeln kommer vi att gå igenom hur en while-loop fungerar. While-loopen kör en kod så länge som ett angivet villkor är sant. Nedan ser ni hur syntaxen ser ut i en while-loop.

while (villkor) {
//kod som ska köras
}

I exemplet nedan ser ni hur en while-loop kan se ut. While-loopen körs och körs så länge ”i” är mindre än 10. För varje varv skrivs värdet ut tills while-loopen nått 9.

var i = 0;
while (i < 10) {
document.write("Numret är " +i+ "<br />");
i++;
}

Resultatet ser ni nedan.

Numret är 0
Numret är 1
Numret är 2
Numret är 3
Numret är 4
Numret är 5
Numret är 6
Numret är 7
Numret är 8
Numret är 9

OBS! Om ni glömmer att öka variabeln i villkoret kommer loopen aldrig ta slut och er webbläsare kommer krascha.

Do/whileloopen

Do-loopen är en variant av while-loopen och fungerar nästan på samma sätt förutom att loopen körs en gång innan den kollar om villkoret är sant.  Sedan repeteras loopen tills villkoret är sant. Precis som while-loopen. Nedan ser ni syntaxen för do-loopen.

do {
//kod som ska köras
}
while (villkor);

Nedan ser ni ett exempel på en do/while-loop. Den kör koden en gång innan den kollat om villkoret är sant, även om villkoret är falskt. Sedan körs den vanliga while-loopen.

var i = 0;
do {
    document.write("Numret är " + i + "<br />");
    i++;
}
while (i < 10);

Resultatet ser ni nedan.

Numret är 0
Numret är 1
Numret är 2
Numret är 3
Numret är 4
Numret är 5
Numret är 6
Numret är 7
Numret är 8
Numret är 9

På exemplet nedan ser ni tydligare att do-loopen körs innan villkoret är sant. Först skriver den ut 10 och efteråt stoppas loopen eftersom villkoret är falskt. While-loopen hade först kontrollerat värdet, sett att det var falskt och inte skrivit ut något alls.

var i = 10;
do {
    document.write("Numret är "+i);
    i++;
} while (i < 10);

OBS! Om ni glömmer att öka variabeln i villkoret kommer loopen aldrig ta slut och er webbläsare kommer krascha.

Nu har ni fått en inblick i do- och while-loopen i JavaScript. Det finns många olika resurser på nätet om ni vill fördjupa er i JavaScript. Ett bra exempel är www.W3Schools.com.