JavaScript for loop (példákkal)

Ebben az oktatóanyagban példák segítségével megismerheti a ciklusokat és a JavaScript hurkokról.

A programozás során a ciklusokat egy kódblokk megismétlésére használják.

Például, ha 100-szor szeretne üzenetet megjeleníteni, akkor használhat ciklust. Ez csak egy egyszerű példa; sokkal többet érhet el a hurkok segítségével.

Ez az oktatóanyag a JavaScript forciklusra összpontosít . A soron következő oktatóanyagokban megismerheti a hurkok másik típusát.

JavaScript for loop

A forhurok szintaxisa :

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

Itt,

1. Az initialExpression inicializálja és / vagy deklarálja a változókat, és csak egyszer hajtja végre.
2. Az állapot kiértékelésre kerül.
   • Ha a feltétel fennáll false, a forhurok megszakad.
   • ha a feltétel fennáll true, akkor a forhurok belsejében lévő kódblokk kerül végrehajtásra.
3. Az updateExpression frissíti az initialExpression értékét, ha a feltétel teljesültrue .
4. A feltételt újra kiértékelik. Ez a folyamat addig folytatódik, amíg a feltétel meg nem felel false.

Ha többet szeretne megtudni a feltételekről , látogasson el a JavaScript összehasonlító és logikai operátorok oldalra.

Folyamatábra a JavaScript for loop számára

1. példa: Szöveg megjelenítése ötször

 // 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.`); )

Kimenet

Szeretem a JavaScript-et. Szeretem a JavaScript-et. Szeretem a JavaScript-et. Szeretem a JavaScript-et. Szeretem a JavaScript-et.

Így működik ez a program.

Ismétlés	Változó	Feltétel: i <= n	Akció
1	i = 1 n = 5	true	Szeretem a JavaScript-et. van nyomtatva. i értékét 2-re növeljük .
2.	i = 2 n = 5	true	Szeretem a JavaScript-et. van nyomtatva. i 3-ra növekszik .
3	i = 3 n = 5	true	Szeretem a JavaScript-et. van nyomtatva. i értékét 4-re növeljük .
4	i = 4 n = 5	true	Szeretem a JavaScript-et. van nyomtatva. i értékét 5-re növeljük .
5.	i = 5 n = 5	true	Szeretem a JavaScript-et. van nyomtatva. i-t 6-ra növeljük .
6.	i = 6 n = 5	false	A hurok megszűnik.

2. példa: Számok megjelenítése 1-től 5-ig

 // 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 )

Kimenet

 1 2 3 4 5

Így működik ez a program.

Ismétlés	Változó	Feltétel: i <= n	Akció
1	i = 1 n = 5	true	1 van nyomtatva. i értékét 2-re növeljük .
2.	i = 2 n = 5	true	2 van nyomtatva. i 3-ra növekszik .
3	i = 3 n = 5	true	3 van nyomtatva. i értékét 4-re növeljük .
4	i = 4 n = 5	true	4 nyomtatva van. i értékét 5-re növeljük .
5.	i = 5 n = 5	true	5 nyomtatva van. i-t 6-ra növeljük .
6.	i = 6 n = 5	false	A hurok megszűnik.

3. példa: n természetes szám megjelenítése

 // 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);

Kimenet

 összeg: 5050

Itt az összeg értéke kezdetben 0 . Ezután egy forciklust iterálunk i = 1 to 100. Minden iterációban i-t adunk az összeghez, és értékét 1-gyel növeljük .

Amikor i lesz 101 , a teszt feltétele falseés összege egyenlő lesz 0 + 1 + 2 +… + 100.

A fenti program a természetes számok összegének hozzáadásához így is írható

 // 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);

Ez a program ugyanazt a kimenetet adja, mint a 3. példa . A programozás során ugyanazt a feladatot számos különböző módon hajthatja végre; a programozás a logikáról szól.

Habár mindkét módszer helyes, próbálja meg könnyebben olvashatóbbá tenni a kódot.

JavaScript Infinite for loop

Ha egy forciklus tesztfeltétele mindig az true, akkor az örökké fut (amíg a memória meg nem telik). Például,

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

A fenti programban mindig az a feltétel áll fenn, trueamely ezt követően végtelen ideig futtatja a kódot.

A következő oktatóanyagban megismerheti whileés do… whilekörvonalazhatja.