JavaScript for loop (met voorbeelden)

In deze tutorial leer je met behulp van voorbeelden over de loops en over for-loops in JavaScript.

Bij het programmeren worden lussen gebruikt om een ​​codeblok te herhalen.

Als u bijvoorbeeld een bericht 100 keer wilt weergeven, kunt u een lus gebruiken. Het is maar een eenvoudig voorbeeld; je kunt veel meer bereiken met loops.

Deze tutorial richt zich op JavaScript- forloop. In de komende tutorials leer je over het andere type loops.

JavaScript voor loop

De syntaxis van de forlus is:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Hier,

1. De initialExpression initialiseert en / of declareert variabelen en wordt slechts één keer uitgevoerd.
2. De toestand wordt geëvalueerd.
   • Als de voorwaarde is false, wordt de forlus beëindigd.
   • als de voorwaarde is true, wordt het codeblok binnen de forlus uitgevoerd.
3. De updateExpression werkt de waarde van initialExpression bij wanneer de voorwaarde dat is true.
4. De conditie wordt opnieuw geëvalueerd. Dit proces gaat door totdat de conditie is false.

Ga voor meer informatie over de voorwaarden naar JavaScript-vergelijking en logische operatoren.

Stroomdiagram van JavaScript voor lus

Voorbeeld 1: geef een tekst vijf keer weer

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Uitvoer

Ik ben dol op JavaScript. Ik ben dol op JavaScript. Ik ben dol op JavaScript. Ik hou van JavaScript. Ik ben dol op JavaScript.

Hier is hoe dit programma werkt.

Iteratie	Variabel	Staat: i <= n	Actie
1e	i = 1 n = 5	true	Ik hou van JavaScript. wordt afgedrukt. i wordt verhoogd naar 2 .
2e	i = 2 n = 5	true	Ik hou van JavaScript. wordt afgedrukt. i wordt verhoogd naar 3 .
3e	i = 3 n = 5	true	Ik hou van JavaScript. wordt afgedrukt. i wordt verhoogd naar 4 .
4e	i = 4 n = 5	true	Ik hou van JavaScript. wordt afgedrukt. i wordt verhoogd naar 5 .
5e	i = 5 n = 5	true	Ik hou van JavaScript. wordt afgedrukt. i wordt verhoogd naar 6 .
6e	i = 6 n = 5	false	De lus is beëindigd.

Voorbeeld 2: toon getallen van 1 tot 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Uitvoer

 1 2 3 4 5

Hier is hoe dit programma werkt.

Iteratie	Variabel	Staat: i <= n	Actie
1e	i = 1 n = 5	true	1 is gedrukt. i wordt verhoogd naar 2 .
2e	i = 2 n = 5	true	2 is gedrukt. i wordt verhoogd naar 3 .
3e	i = 3 n = 5	true	3 is gedrukt. i wordt verhoogd naar 4 .
4e	i = 4 n = 5	true	4 is gedrukt. i wordt verhoogd naar 5 .
5e	i = 5 n = 5	true	5 is gedrukt. i wordt verhoogd naar 6 .
6e	i = 6 n = 5	false	De lus is beëindigd.

Voorbeeld 3: som van n natuurlijke getallen weergeven

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Uitvoer

 som: 5050

Hier is de waarde van som aanvankelijk 0 . Vervolgens wordt een forlus herhaald van i = 1 to 100. Bij elke iteratie wordt i opgeteld bij de som en wordt de waarde met 1 verhoogd .

Als ik 101 wordt , is de testvoorwaarde en is de falsesom gelijk aan 0 + 1 + 2 +… + 100.

Het bovenstaande programma om de som van natuurlijke getallen toe te voegen, kan ook worden geschreven als

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Dit programma geeft ook dezelfde output als Voorbeeld 3 . U kunt tijdens het programmeren dezelfde taak op veel verschillende manieren uitvoeren; bij programmeren draait alles om logica.

Hoewel beide manieren correct zijn, moet u proberen uw code leesbaarder te maken.

JavaScript Oneindig voor lus

Als de testconditie in een forlus altijd is true, loopt deze voor altijd (totdat het geheugen vol is). Bijvoorbeeld,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

In het bovenstaande programma is de voorwaarde altijd truedat de code dan oneindig vaak wordt uitgevoerd.

In de volgende tutorial leer je over whileen do… whileloop.