Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Användning av for...of-slingan för iteration över arrayer | Bemästra JavaScript-arrayer
Javascript Datastrukturer

bookAnvändning av for...of-slingan för iteration över arrayer

Syntax

for...of-loopen är ett modernare och mer koncist sätt att iterera över arrayer. Den hanterar automatiskt loop-räknaren och ger direkt åtkomst till varje elements värde. Syntaxen för en for...of-loop är följande:

for (const element of array) {
  // Code to be executed for each array element
}

I denna syntax:

  • const element är en variabel som lagrar värdet av varje element under varje iteration;
  • of array specificerar arrayen vi vill iterera över.

Exempel

Här är ett exempel på hur man använder for...of-loopen för att uppnå samma resultat som den tidigare for-loopen:


              
12345

            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}
copy
  • Rad 1: Deklarerar en konstant variabel med namnet students och tilldelar den en array som innehåller tre strängar - "Brandon", "Mario" och "Saul". Denna array representerar en lista med studentnamn;
  • Rad 3: Startar en for...of-loop. Loopen används för att iterera genom varje element i students-arrayen ett i taget;
  • Rad 4: Inuti for...of-loopen används funktionen console.log() för att skriva ut värdet av det aktuella elementet till konsolen. Variabeln student representerar det aktuella elementet i arrayen under varje iteration. Så, vid första iterationen är det "Brandon", vid andra iterationen "Mario" och vid tredje iterationen "Saul".

1. Vad är den främsta fördelen med att använda en for...of-loop vid iteration över arrayer?

2. I for...of-loopens syntax, vad representerar const element?

3. Vad är syftet med delen of array i syntaxen för for...of-loopen?

question mark

Vad är den främsta fördelen med att använda en for...of-loop vid iteration över arrayer?

Select the correct answer

question mark

I for...of-loopens syntax, vad representerar const element?

Select the correct answer

question mark

Vad är syftet med delen of array i syntaxen för for...of-loopen?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 7

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

Awesome!

Completion rate improved to 2.27

bookAnvändning av for...of-slingan för iteration över arrayer

Svep för att visa menyn

Syntax

for...of-loopen är ett modernare och mer koncist sätt att iterera över arrayer. Den hanterar automatiskt loop-räknaren och ger direkt åtkomst till varje elements värde. Syntaxen för en for...of-loop är följande:

for (const element of array) {
  // Code to be executed for each array element
}

I denna syntax:

  • const element är en variabel som lagrar värdet av varje element under varje iteration;
  • of array specificerar arrayen vi vill iterera över.

Exempel

Här är ett exempel på hur man använder for...of-loopen för att uppnå samma resultat som den tidigare for-loopen:


              
12345

            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}
copy
  • Rad 1: Deklarerar en konstant variabel med namnet students och tilldelar den en array som innehåller tre strängar - "Brandon", "Mario" och "Saul". Denna array representerar en lista med studentnamn;
  • Rad 3: Startar en for...of-loop. Loopen används för att iterera genom varje element i students-arrayen ett i taget;
  • Rad 4: Inuti for...of-loopen används funktionen console.log() för att skriva ut värdet av det aktuella elementet till konsolen. Variabeln student representerar det aktuella elementet i arrayen under varje iteration. Så, vid första iterationen är det "Brandon", vid andra iterationen "Mario" och vid tredje iterationen "Saul".

1. Vad är den främsta fördelen med att använda en for...of-loop vid iteration över arrayer?

2. I for...of-loopens syntax, vad representerar const element?

3. Vad är syftet med delen of array i syntaxen för for...of-loopen?

question mark

Vad är den främsta fördelen med att använda en for...of-loop vid iteration över arrayer?

Select the correct answer

question mark

I for...of-loopens syntax, vad representerar const element?

Select the correct answer

question mark

Vad är syftet med delen of array i syntaxen för for...of-loopen?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 7
some-alt