Loops i JavaScript (For, while & do-while)

I denne artikkelen tar jeg for meg for loops, while loops og do-while loops, i denne rekkefølgen. Jeg forsøker å forklare på en simpel måte, men du bør ha en grei forståelse av variabler og scope før du begynner å lese.

For loop

For loop er en veldig hendig måte å gjøre en repeterende oppgave enkel.

 innledene uttrykk    boolsk uttrykk      økningsuttrykk
for ( let i = 0;          i < 5;               i++ ) {
her skriver vi koden som skal bli utført..
}

Dette skjønner du sikkert fint lite av (det er derfor du er her), men jeg skal forsøke å forklare deg.

Det innledende utrykket (som vi så fint kaller det) lager vi en variabel (i) som er satt til 0.

Boolsk uttrykk betyr at noe er sant eller usant (kommer fra George Boolean, som snakket om binære tall, 0 og 1 => sant og usant, ikke tenk så mye mer på det). Her skriver vi at i er mindre 5, dette er ett boolsk utrykk, enten er noe mindre enn 5 eller ikke.

Økningsuttrykket sier at vi skal øke i med 1 for hver gang vi har utført koden som vi så skal skrive mellom { klammeparantesene }.

Forklarer igjen: Vi har i (som begynner på 0)denne øker vi med 1 for hver gang vi har loopet gjennom/utført koden. Dette gjør vi sålenge i er mindre enn 5.

Se på koden under, hvor mange ganger får vi ErnaSolberg i consolen?

for (let i = 0; i<5; i++){
   console.log("ErnaSolberg");
}

5 ganger. Først ser JavaScript at ier 0, da kjører den koden. Så på 1, 2, 3, 4 kjører den koden, men på 5 er ikke i<5, og da kjører vi ikke koden. Koden er altså blitt kjørt 5 ganger (0, 1, 2, 3, 4).

While loops

En av hoved forskjellene på for og while loop er at i en for loop så er let i = 0 en del av uttrykket, mens i en while loop er denne variabelen deklarert utenfor uttrykket. La oss sammenligne de to:

For loop:
for (let i = 0; i<5; i++){
her skriver vi koden som skal utføres av loopen
}
While loop:
let i = 0;
while(i<5) {
her skriver vi koden som skal…