Loopar: While-loop i JavaScript

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.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *


@fontface Cache Databas FTP Färg Färgpalett GitHub Google Analytics Grafisk formgivning Grafisk identitet Grafisk profil Gratis Grunge HTML5 ikoner Inspiration JavaScript kod Kreativitet Loggor Logotyp Länkbyggnad mall Media Queries Minimalism Multisite Nyckelord php Responsivt Reverse Proxy SEO symmetri Sökord Tips & tricks Trender Twenty Fourteen Typografi Typsnitt Varnish Visitkort Webbdesign Webbtypografi Webbutveckling WordPress WordPress 3.8