Iterera över Arrayer med For-loopen

Array-iteration är ett avgörande begrepp vid arbete med arrayer. Det möjliggör bearbetning av varje element i en array, utförande av operationer och beslut baserade på deras värden. I detta kapitel utforskas for-loopen för iteration över arrayer.

Syntax

for-loopen är ett grundläggande verktyg för att iterera över en array element för element. Den möjliggör åtkomst till varje element i arrayen via elementets index. Syntaxen för en for-loop är följande:

for (let i = 0; i < array.length; i += 1) {
  // Code to be executed for each array element
}

I denna syntax:

• let i = 0 initierar en loopräknare i till noll;
• i < array.length definierar villkoret för att loopen ska fortsätta. Den körs så länge i är mindre än arrayens längd;
• i += 1 ökar loopräknaren efter varje iteration.

Exempel

Här är ett exempel på hur for-loopen används för att komma åt och visa elementen i arrayen students:

• Rad 1: denna rad deklarerar en array kallad students och initierar den med tre strängar, vilka representerar studenternas namn. Arrayen innehåller "Brandon", "Mario" och "Saul";
• Rad 3: denna rad startar en for-loop. Den har tre delar separerade med semikolon:
  • let i = 0;: denna del initierar en variabel i och sätter den till 0. i används som loopräknare;
  • i < students.length;: denna del är villkoret för att loopen ska fortsätta. Loopen fortsätter så länge i är mindre än längden på arrayen students;
  • i += 1: denna del är uppdateringsuttrycket, vilket ökar värdet på i med 1 efter varje iteration.
• Rad 4: inuti for-loopen använder denna rad funktionen console.log() för att logga värdet vid det i:te indexet i arrayen students. Vid första iterationen är i 0, så den loggar namnet vid index 0, vilket är "Brandon". Vid andra iterationen loggar den "Mario", och vid tredje iterationen loggar den "Saul".