for-løkka er en grunnleggende løkkestruktur i JavaScript, selv om den kan være utfordrende å forstå i starten. Den bruker nøkkelordet for og krever tre parametere omsluttet av parenteser:

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Her er en oversikt over disse parameterne:

Initialization: Her initialiseres en ny teller som brukes av for-løkka. Dette utføres kun én gang;
Condition: Et uttrykk som sjekkes før hver iterasjon, tilsvarende som i while-løkka;
Increment/Decrement: Operasjoner som utføres på telleren ved slutten av hver løkkeiterasjon.

Merk

Iterasjon i løkker refererer til å gjenta en kodeblokk et bestemt antall ganger eller til en spesifikk betingelse er oppfylt. Hver gang kodeblokken kjøres, regnes det som én iterasjon.

La oss illustrere dette med et eksempel:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

I dette eksemplet:

let i = 1: Initialisering, hvor variabelen i opprettes inne i for-løkka. Denne operasjonen utføres én gang;
i < 5: Betingelse, sjekkes før hver iterasjon;
i++: Inkrementuttrykk, utføres etter hver iterasjon;
console.log("Loop iteration:", i);: Kroppen til for-løkka.

Hvert steg i løkka kan beskrives slik:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Steg 2 gjentas til betingelsen blir false.

Det kan være nyttig å se på et diagram for å få en klarere forståelse av hvordan løkka fungerer.

Du kan også bruke dekrementering i for-løkker, som vist her:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

for-løkke teller er unik for sitt scope, så det er ikke nødvendig å bekymre seg for at tellernavnet skal komme i konflikt med andre variabler:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

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

console.log("(global) i =", i);

Ulike uttrykk for inkrement-/dekrementoperasjoner kan også benyttes:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Sammenligning av for- og while-løkker

Ved sammenligning av for- og while-løkker er for-løkken ofte enklere og mer konsis. Her er et eksempel på likeverdige løkker:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

I denne sammenligningen er for-løkken mer oversiktlig og tar mindre plass i koden. I tillegg nullstilles tellevariabelen (i dette tilfellet for) automatisk etter utførelse i en i-løkke.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 3

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain more about the differences between for and while loops?

Can you show more examples of using different increment or decrement expressions in a for loop?

Can you clarify what happens to the counter variable after a for loop ends?

Awesome!

Completion rate improved to 2.5

Sveip for å vise menyen

for (Initialization; Condition; Increment / Decrement) {
  // code block
}

Her er en oversikt over disse parameterne:

Initialization: Her initialiseres en ny teller som brukes av for-løkka. Dette utføres kun én gang;
Condition: Et uttrykk som sjekkes før hver iterasjon, tilsvarende som i while-løkka;
Increment/Decrement: Operasjoner som utføres på telleren ved slutten av hver løkkeiterasjon.

Merk

Iterasjon i løkker refererer til å gjenta en kodeblokk et bestemt antall ganger eller til en spesifikk betingelse er oppfylt. Hver gang kodeblokken kjøres, regnes det som én iterasjon.

La oss illustrere dette med et eksempel:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

I dette eksemplet:

let i = 1: Initialisering, hvor variabelen i opprettes inne i for-løkka. Denne operasjonen utføres én gang;
i < 5: Betingelse, sjekkes før hver iterasjon;
i++: Inkrementuttrykk, utføres etter hver iterasjon;
console.log("Loop iteration:", i);: Kroppen til for-løkka.

Hvert steg i løkka kan beskrives slik:

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Steg 2 gjentas til betingelsen blir false.

Det kan være nyttig å se på et diagram for å få en klarere forståelse av hvordan løkka fungerer.

Du kan også bruke dekrementering i for-løkker, som vist her:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

for-løkke teller er unik for sitt scope, så det er ikke nødvendig å bekymre seg for at tellernavnet skal komme i konflikt med andre variabler:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

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

console.log("(global) i =", i);

Ulike uttrykk for inkrement-/dekrementoperasjoner kan også benyttes:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Sammenligning av for- og while-løkker

Ved sammenligning av for- og while-løkker er for-løkken ofte enklere og mer konsis. Her er et eksempel på likeverdige løkker:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

I denne sammenligningen er for-løkken mer oversiktlig og tar mindre plass i koden. I tillegg nullstilles tellevariabelen (i dette tilfellet for) automatisk etter utførelse i en i-løkke.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 3

Beherske For-løkken i JavaScript

Sammenligning av for- og while-løkker

Awesome!

Beherske For-løkken i JavaScript

Sammenligning av for- og while-løkker