JavaScript pre slučku (s príkladmi)

V tomto výučbe sa pomocou príkladov dozviete o cykloch a cykloch for loop v JavaScripte.

Pri programovaní sa slučky používajú na opakovanie bloku kódu.

Napríklad, ak chcete správu zobraziť stokrát, môžete použiť slučku. Je to len jednoduchý príklad; pomocou slučiek môžete dosiahnuť oveľa viac.

Tento výukový program sa zameriava na forslučku JavaScript . O ďalších typoch slučiek sa dozviete v nasledujúcich tutoriáloch.

JavaScript pre slučku

Syntax forslučky je:

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

Tu,

1. InitialExpression inicializuje a / alebo vyhlási, premenných a vykoná len raz.
2. Stav sa vyhodnocuje.
   • Ak je podmienka splnená false, forslučka sa ukončí.
   • ak je podmienka splnená true, forvykoná sa blok kódu vo vnútri slučky.
3. UpdateExpression aktualizuje hodnotu initialExpression keď je podmienka true.
4. Podmienka je vyhodnotená again.This proces pokračuje, kým je podmienka false.

Ak sa chcete dozvedieť viac informácií o podmienkach , navštívte stránku Porovnanie JavaScriptu a Logické operátory.

Vývojový diagram kódu JavaScript pre cyklus

Príklad 1: Zobraziť text päťkrát

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

Výkon

Milujem JavaScript. Milujem JavaScript. Milujem JavaScript. Milujem JavaScript. Milujem JavaScript.

Takto funguje tento program.

Iterácia	Variabilné	Podmienka: i <= n	Akcia
1	i = 1 n = 5	true	Milujem JavaScript. je vytlačený. i sa zvyšuje na 2 .
2	i = 2 n = 5	true	Milujem JavaScript. je vytlačený. i sa zvyšuje na 3 .
3	i = 3 n = 5	true	Milujem JavaScript. je vytlačený. i je zvýšené na 4 .
4	i = 4 n = 5	true	Milujem JavaScript. je vytlačený. i je zvýšené na 5 .
5	i = 5 n = 5	true	Milujem JavaScript. je vytlačený. i je zvýšené na 6 .
6.	i = 6 n = 5	false	Slučka je ukončená.

Príklad 2: Zobrazenie čísel od 1 do 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 )

Výkon

 1 2 3 4 5

Takto funguje tento program.

Iterácia	Variabilné	Podmienka: i <= n	Akcia
1	i = 1 n = 5	true	1 je vytlačený. i sa zvyšuje na 2 .
2	i = 2 n = 5	true	2 je vytlačený. i sa zvyšuje na 3 .
3	i = 3 n = 5	true	3 je vytlačený. i je zvýšené na 4 .
4	i = 4 n = 5	true	4 je vytlačený. i je zvýšené na 5 .
5	i = 5 n = 5	true	5 je vytlačený. i je zvýšené na 6 .
6.	i = 6 n = 5	false	Slučka je ukončená.

Príklad 3: Zobraziť súčet n prirodzených čísel

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

Výkon

 suma: 5050

Tu je hodnota súčtu pôvodne 0 . Potom forje zo súboru iterovaná slučka i = 1 to 100. V každej iterácii sa k súčtu pripočíta i a jeho hodnota sa zvýši o 1 .

Keď bude i 101 , podmienka testu bude falsea súčet sa bude rovnať 0 + 1 + 2 +… + 100.

Vyššie uvedený program na pridanie súčtu prirodzených čísel možno tiež zapísať ako

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

Tento program poskytuje rovnaký výstup ako príklad 3 . Rovnakú úlohu môžete v programovaní dosiahnuť rôznymi spôsobmi; programovanie je všetko o logike.

Aj keď sú obidva spôsoby správne, mali by ste sa pokúsiť urobiť svoj kód čitateľnejším.

JavaScript nekonečný pre slučku

Ak je testovací stav v forslučke vždy true, beží navždy (kým nie je pamäť plná). Napríklad,

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

Vo vyššie uvedenom programe je vždy podmienka, truektorá potom spustí kód nekonečne dlho.

V budúcom kurze sa zoznámia whilea do… whileslučky.