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

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

Her er en oversikt over disse parameterne:

Initialization: Dette er hvor du initialiserer en ny teller brukt av for løkken. Den utføres kun én gang;
Condition: Et uttrykk som sjekkes før hver iterasjon, lik while løkken;
Increment/Decrement: Operasjoner utført på telleren på slutten av hver løkkeiterasjon.

Merk

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

La oss illustrere dette med et eksempel:


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

I dette eksempelet:

let i = 1: Initialisering, hvor vi oppretter variabelen i inne i for-løkken. 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 av for-løkken.

Hvert trinn i løkken kan beskrives som følger:

// 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

Trinn 2 gjentas til betingelsen blir false.

Det kan være nyttig å vurdere et diagram for å få en klarere forståelse av hvordan løkken opererer.

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


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

Den teller for for-løkken er unik for sitt omfang, så du trenger ikke bekymre deg 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/Decrement-operasjoner kan også brukes:


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

Sammenligning av for- og while-løkker

Når man sammenligner for- og while-løkker, er for-løkken ofte enklere og mer konsis. Her er et eksempel på ekvivalente 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 opp mindre kodeplass. I tillegg rydder for-løkken automatisk opp tellevariabelen (i dette tilfellet, i) etter utførelse.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4

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

Awesome!

Completion rate improved to 2.33

Sveip for å vise menyen

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

Her er en oversikt over disse parameterne:

Initialization: Dette er hvor du initialiserer en ny teller brukt av for løkken. Den utføres kun én gang;
Condition: Et uttrykk som sjekkes før hver iterasjon, lik while løkken;
Increment/Decrement: Operasjoner utført på telleren på slutten av hver løkkeiterasjon.

Merk

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

La oss illustrere dette med et eksempel:


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

I dette eksempelet:

let i = 1: Initialisering, hvor vi oppretter variabelen i inne i for-løkken. 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 av for-løkken.

Hvert trinn i løkken kan beskrives som følger:

// 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

Trinn 2 gjentas til betingelsen blir false.

Det kan være nyttig å vurdere et diagram for å få en klarere forståelse av hvordan løkken opererer.

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


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

Den teller for for-løkken er unik for sitt omfang, så du trenger ikke bekymre deg 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/Decrement-operasjoner kan også brukes:


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

Sammenligning av for- og while-løkker

Når man sammenligner for- og while-løkker, er for-løkken ofte enklere og mer konsis. Her er et eksempel på ekvivalente 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 opp mindre kodeplass. I tillegg rydder for-løkken automatisk opp tellevariabelen (i dette tilfellet, i) etter utførelse.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4

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