Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära `For`-slinga | Sektion
Javascript-Grunder

book`For`-slinga

Svep för att visa menyn

En for-loop i JavaScript är ett grundläggande verktyg för att upprepa en kodblock flera gånger. Den är särskilt användbar när du vill utföra samma åtgärd för varje element i en array. Den grundläggande strukturen för en for-loop innehåller tre huvuddelar inom parentesen: initiering, villkor och inkrement.

  • Initieringen sätter upp en variabel, vanligtvis som en räknare;
  • Villkoret kontrollerar om loopen ska fortsätta köra;
  • Inkrementet uppdaterar räknaren efter varje iteration.

Denna struktur gör det möjligt att exakt styra hur många gånger loopen körs.

Den generella syntaxen ser ut så här:

for (let i = 0; i < array.length; i++) {
  // code to run on each iteration
}

Här är i en räknare som börjar på 0. Loopen fortsätter så länge i är mindre än arrayens längd. Efter varje iteration ökar i med ett.

12345678
const numbers = [4, 7, 1, 9, 2]; let sum = 0; for (let i = 0; i < numbers.length; i++) { sum = sum + numbers[i]; } console.log("Sum:", sum); // Output: Sum: 23
copy

När du arbetar med for-loopar kan du vilja styra hur och när loopen avslutas eller hoppar över vissa steg. break-satsen låter dig avsluta loopen i förtid om ett villkor är uppfyllt. continue-satsen hoppar över den aktuella iterationen och går vidare till nästa. Dessa verktyg är användbara för att hantera specifika situationer, men felaktig användning kan leda till buggar.

12345678910111213141516
const scores = [85, 42, 77, 0, 91, 65]; let validTotal = 0; for (let i = 0; i < scores.length; i++) { if (scores[i] === 0) { // Skip invalid score continue; } if (scores[i] > 90) { // Stop processing if a top score is found break; } validTotal += scores[i]; } console.log("Valid total:", validTotal);
copy

Ett vanligt misstag med for-loopar är att använda fel loopvillkor eller inkrement, vilket kan orsaka oändliga loopar eller att element hoppas över. Kontrollera alltid att din loopräknare startar och slutar vid rätt värden, och att ditt inkrement eller dekrement för loopen mot dess stoppvillkor. Kom ihåg att arrayindex börjar på 0 och går upp till array.length - 1.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 13

Fråga AI

expand

Fråga AI

ChatGPT

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

Avsnitt 1. Kapitel 13
some-alt