JavaScript For-loop

Loopar kan köra kodblock flera gånger.

JavaScript-loopar

om du behöver köra kod flera gånger och varje gång med olika värden, är loopen (loop) mycket användbar.

vanligtvis möter vi exempel på användning av arrayer:

inte på detta sätt:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Du kan skriva det så här:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

Try it yourself

Olika typer av loops

JavaScript stöder olika typer av loops:

  • for - Genomgå kodblock flera gånger
  • for/in - Genomgå objektets egenskaper
  • while - Kör en kodblock när villkoret är true
  • do/while - Kör en kodblock när villkoret är true

For-loop

For-loopen är ett verktyg som ofta används när du vill skapa en loop.

Sintaksen för for-loopen är följande:

for (Uttryck 1; Uttryck 2; Uttryck 3) {
     Kodblocket att köra
}

Uttryck 1 körs innan loopen (kodblocket) börjar.

Uttryck 2 definierar villkoret för att köra loopen (kodblocket).

Uttryck 3 körs efter varje körning av loopen (kodblocket).

Example

for (i = 0; i < 5; i++) {
     text += "Numret är " + i + "<br>";
}

Try it yourself

Från ovanstående kod kan du förstå att:

Uttryck 1 sätter en variabel innan loopen börjar (var i = 0).

Uttryck 2 definierar villkoret för att köra loopen (i måste vara mindre än 5).

Uttryck 3 ökar värdet efter varje körning av kodblocket (i++).

Uttryck 1

Vanligtvis använder du uttrycket 1 för att initialisera variablerna som används i loopen (i = 0).

Men det är inte alltid så, JavaScript bryr sig inte. Uttrycket 1 är valfritt.

Du kan initialisera flera värden i uttrycket 1 (separerade med kommatecken):

Example

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

Try it yourself

Och du kan också utelämna uttrycket 1 (t.ex. att sätta värdet innan loopen börjar):

Example

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

Try it yourself

Uttryck 2

Vanligtvis används uttrycket 2 för att beräkna villkoret för den inledande variabeln.

Men det är inte alltid så, JavaScript bryr sig inte. Uttrycket 2 är också valfritt.

Om uttrycket 2 returnerar true kommer loopen att börja om, om det returnerar false kommer loopen att avslutas.

Om uttrycket 2 utelämnas måste det finnas en i loopen break. Annars kommer loopen aldrig att avslutas. Läs mer om break i nästa kapitel.

Uttryck 3

Vanligtvis ökar uttrycket 3 värdet på den inledande variabeln.

Men det är inte alltid så, JavaScript bryr sig inte. Uttrycket 3 är också valfritt.

Menat att göra något som helst, till exempel minskning av (i--), ökning av (i = i + 15), eller något annat.

Statement 3 can also be omitted (for example, when you increment the value within the loop):

Example

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

Try it yourself

For/In Loop

JavaScript for/in The statement traverses the properties of the object:

Example

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

Try it yourself

While loop

We will learn about while loops and do/while loops in the next chapter.

textbook

To learn more about JavaScript for statementFor more information about

ECMAScript iteration statements
Iteration statements, also known as loop statements. This section introduces the four iteration statements provided by ECMAScript.