for-loopen är en grundläggande loopstruktur i JavaScript, även om den kan vara utmanande att förstå till en början. Den använder nyckelordet for och kräver tre parametrar inom parenteser:

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

Här är en genomgång av dessa parametrar:

Initialization: Här initieras en ny räknare som används av for-loopen. Detta körs endast en gång;
Condition: Ett uttryck som kontrolleras före varje iteration, liknande while-loopen;
Increment/Decrement: Operationer som utförs på räknaren i slutet av varje loopvarv.

Obs

Iteration i loopar avser upprepning av en kodblock ett visst antal gånger eller tills ett specifikt villkor uppfylls. Varje gång kodblocket körs räknas det som en iteration.

Vi illustrerar detta med ett exempel:


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

I detta exempel:

let i = 1: Initiering, där variabeln i skapas inuti for-loopen. Denna operation utförs en gång;
i < 5: Villkor, kontrolleras före varje iteration;
i++: Inkrementuttryck, utförs efter varje iteration;
console.log("Loop iteration:", i);: Kroppen av for-loopen.

Varje steg i loopen kan beskrivas enligt följande:

// 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 upprepas tills villkoret blir false.

Det kan vara fördelaktigt att överväga ett diagram för att få en tydligare förståelse av hur loopen fungerar.

Du kan också använda dekrementering i for-loopen, som visas här:


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

for-loopens räknare är unik för sitt omfång, så du behöver inte oroa dig för att räknarens namn krockar med andra 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);

Olika uttryck för inkrement-/dekrementoperationer kan också användas:


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

Jämförelse mellan for- och while-loopar

Vid jämförelse mellan for- och while-loopar är for-loopen ofta enklare och mer koncis. Här är ett exempel på likvärdiga loopar:


              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 denna jämförelse är for-loopen mer lättförståelig och tar upp mindre kodutrymme. Dessutom rensar for-loopen automatiskt räknarvariabeln (i detta fall i) efter körning.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 3

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.5

Svep för att visa menyn

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

Här är en genomgång av dessa parametrar:

Initialization: Här initieras en ny räknare som används av for-loopen. Detta körs endast en gång;
Condition: Ett uttryck som kontrolleras före varje iteration, liknande while-loopen;
Increment/Decrement: Operationer som utförs på räknaren i slutet av varje loopvarv.

Obs

Iteration i loopar avser upprepning av en kodblock ett visst antal gånger eller tills ett specifikt villkor uppfylls. Varje gång kodblocket körs räknas det som en iteration.

Vi illustrerar detta med ett exempel:


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

I detta exempel:

let i = 1: Initiering, där variabeln i skapas inuti for-loopen. Denna operation utförs en gång;
i < 5: Villkor, kontrolleras före varje iteration;
i++: Inkrementuttryck, utförs efter varje iteration;
console.log("Loop iteration:", i);: Kroppen av for-loopen.

Varje steg i loopen kan beskrivas enligt följande:

// 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 upprepas tills villkoret blir false.

Det kan vara fördelaktigt att överväga ett diagram för att få en tydligare förståelse av hur loopen fungerar.

Du kan också använda dekrementering i for-loopen, som visas här:


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

for-loopens räknare är unik för sitt omfång, så du behöver inte oroa dig för att räknarens namn krockar med andra 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);

Olika uttryck för inkrement-/dekrementoperationer kan också användas:


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

Jämförelse mellan for- och while-loopar

Vid jämförelse mellan for- och while-loopar är for-loopen ofta enklare och mer koncis. Här är ett exempel på likvärdiga loopar:


              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 denna jämförelse är for-loopen mer lättförståelig och tar upp mindre kodutrymme. Dessutom rensar for-loopen automatiskt räknarvariabeln (i detta fall i) efter körning.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 3

Behärska For-loopen i JavaScript

Jämförelse mellan for- och while-loopar

Awesome!

Behärska For-loopen i JavaScript

Jämförelse mellan for- och while-loopar