JavaScripti tsüklile (koos näidetega)

Selles õpetuses saate näidete abil õppida JavaScripti tsüklitest ja silmuste kohta.

Programmeerimisel kasutatakse tsükleid koodiploki kordamiseks.

Näiteks kui soovite sõnumit näidata 100 korda, saate kasutada tsüklit. See on lihtsalt lihtne näide; silmustega saate saavutada palju rohkem.

See õpetus keskendub JavaScripti fortsüklile. Teist tüüpi silmuste kohta saate teavet eelseisvatest õpetustest.

JavaScript silmusele

forSilmuse süntaks on:

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

Siin,

1. InitialExpression käivitab ja / või kinnitab muutujate ning vormistab ainult üks kord.
2. Seisukorras hinnatakse.
   • Kui tingimus on false, siis forsilmus lõpetatakse.
   • kui tingimus on true, forkäivitatakse tsükli sees olev koodiplokk .
3. UpdateExpression uuendab väärtus initialExpression kui tingimus on true.
4. Seisukorras hinnatakse again.This protsess jätkub, kuni seisund on false.

Tingimuste kohta lisateabe saamiseks külastage JavaScripti võrdlus- ja loogikaoperaatoreid.

JavaScripti vooskeem silmuse jaoks

Näide 1: teksti kuvamine viis korda

 // 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äljund

Ma armastan JavaScripti. Ma armastan JavaScripti. Ma armastan JavaScripti. Ma armastan JavaScripti. Ma armastan JavaScripti.

See programm töötab nii.

Kordus	Muutuv	Tingimus: i <= n	Tegevus
1.	i = 1 n = 5	true	Ma armastan JavaScripti. on trükitud. i suurendatakse väärtuseni 2 .
2	i = 2 n = 5	true	Ma armastan JavaScripti. on trükitud. i suurendatakse 3-ni .
3	i = 3 n = 5	true	Ma armastan JavaScripti. on trükitud. i suurendatakse 4-ni .
4	i = 4 n = 5	true	Ma armastan JavaScripti. on trükitud. i suurendatakse 5-ni .
5	i = 5 n = 5	true	Ma armastan JavaScripti. on trükitud. i suurendatakse 6-ni .
6	i = 6 n = 5	false	Silmus on lõpetatud.

Näide 2: kuvage numbrid vahemikus 1 kuni 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äljund

 1 2 3 4 5

See programm töötab nii.

Kordus	Muutuv	Tingimus: i <= n	Tegevus
1.	i = 1 n = 5	true	1 on trükitud. i suurendatakse väärtuseni 2 .
2	i = 2 n = 5	true	2 on trükitud. i suurendatakse 3-ni .
3	i = 3 n = 5	true	3 on trükitud. i suurendatakse 4-ni .
4	i = 4 n = 5	true	4 on trükitud. i suurendatakse 5-ni .
5	i = 5 n = 5	true	5 on trükitud. i suurendatakse 6-ni .
6	i = 6 n = 5	false	Silmus on lõpetatud.

Näide 3: n looduslike arvude summa kuvamine

 // 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äljund

 summa: 5050

Siin on summa väärtus esialgu 0 . Seejärel foritereeritakse silmus i = 1 to 100. Igas iteratsioonis lisatakse i summale ja selle väärtust suurendatakse 1 võrra .

Kui i saab 101 , on testi tingimus falseja summa võrdub 0 + 1 + 2 +… + 100.

Ülaltoodud programmi looduslike arvude summa lisamiseks võib kirjutada ka järgmiselt

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

See programm annab sama väljundi kui näide 3 . Programmeerimisel saate sama ülesannet täita mitmel erineval viisil; programmeerimine on seotud loogikaga.

Kuigi mõlemad viisid on õiged, peaksite proovima oma koodi paremini loetavaks muuta.

JavaScripti lõpmatu silmuseks

Kui fortsükli testitingimus on alati true, kestab see igavesti (kuni mälu on täis). Näiteks,

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

Ülaltoodud programmis on alati tingimus, truemis käivitab koodi lõpmatu aja jooksul.

Järgmises õpetuses saate teada whileja tutvuda do… while.