JavaScript for loop (ar piemēriem)

Šajā apmācībā jūs uzzināsit par cilpām un par cilpām JavaScript, izmantojot piemērus.

Programmēšanā cilpas tiek izmantotas, lai atkārtotu koda bloku.

Piemēram, ja vēlaties 100 reizes parādīt ziņojumu, varat izmantot cilpu. Tas ir tikai vienkāršs piemērs; jūs varat sasniegt daudz vairāk ar cilpām.

Šī apmācība koncentrējas uz JavaScript forcilpu. Par cita veida cilpām jūs uzzināsit gaidāmajās apmācībās.

JavaScript ciklam

forCilpas sintakse ir šāda:

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

Šeit,

  1. InitialExpression inicializē un / vai paziņo mainīgos un izpilda tikai vienu reizi.
  2. Stāvoklis tiek novērtēts.
    • Ja nosacījums ir false, forcilpa tiek pārtraukta.
    • ja nosacījums ir true, fortiek izpildīts koda bloks cilpas iekšpusē .
  3. UpdateExpression atjaunina vērtību initialExpression kad nosacījums ir true.
  4. Stāvoklis tiek vērtēts again.This process turpinās, kamēr nosacījums ir false.

Lai uzzinātu vairāk par nosacījumiem , apmeklējiet JavaScript salīdzināšanas un loģisko operatoru vietni.

JavaScript blokshēma ciklam

1. piemērs: Teksta parādīšana piecas reizes

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

Rezultāts

Man patīk JavaScript. Man patīk JavaScript. Man patīk JavaScript. Man patīk JavaScript. Man patīk JavaScript.

Šī programma darbojas šādi.

Atkārtojums Mainīgs Nosacījums: i <= n Darbība
1 i = 1
n = 5		 true Man patīk JavaScript. ir iespiests.
i tiek palielināts līdz 2 .
2 i = 2
n = 5		 true Man patīk JavaScript. ir iespiests.
i tiek palielināts līdz 3 .
3 i = 3
n = 5		 true Man patīk JavaScript. ir iespiests.
i tiek palielināts līdz 4 .
4 i = 4
n = 5		 true Man patīk JavaScript. ir iespiests.
i tiek palielināts līdz 5 .
5 i = 5
n = 5		 true Man patīk JavaScript. ir iespiests.
i ir palielināts līdz 6 .
6 i = 6
n = 5		 false Cilpa ir pārtraukta.

2. piemērs: attēlot skaitļus no 1 līdz 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 )

Rezultāts

 1 2 3 4 5

Šī programma darbojas šādi.

Atkārtojums Mainīgs Nosacījums: i <= n Darbība
1 i = 1
n = 5		 true 1 ir iespiests.
i tiek palielināts līdz 2 .
2 i = 2
n = 5		 true 2 ir iespiests.
i tiek palielināts līdz 3 .
3 i = 3
n = 5		 true 3 ir iespiests.
i tiek palielināts līdz 4 .
4 i = 4
n = 5		 true 4 ir iespiests.
i tiek palielināts līdz 5 .
5 i = 5
n = 5		 true 5 ir iespiests.
i ir palielināts līdz 6 .
6 i = 6
n = 5		 false Cilpa ir pārtraukta.

3. piemērs: Parādīt n dabisko skaitļu summu

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

Rezultāts

 summa: 5050

Sākotnēji summas vērtība ir 0 . Pēc tam fortiek atkārtota cilpa i = 1 to 100. Katrā atkārtojumā i tiek pieskaitīts summai, un tā vērtība tiek palielināta par 1 .

Kad i kļūs par 101 , testa nosacījums ir falseun summa būs vienāda ar 0 + 1 + 2 +… + 100.

Iepriekš minēto programmu, lai pievienotu dabisko skaitļu summu, var uzrakstīt arī kā

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

Šī programma dod arī tādu pašu rezultātu kā 3. piemērs . Programmējot jūs varat paveikt vienu un to pašu uzdevumu dažādos veidos; programmēšana ir saistīta ar loģiku.

Lai gan abi veidi ir pareizi, jums jācenšas padarīt kodu vieglāk lasāmu.

JavaScript Infinite for loop

Ja testa nosacījums forcilpā vienmēr ir true, tas darbojas uz visiem laikiem (līdz atmiņa ir pilna). Piemēram,

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

Iepriekš minētajā programmā nosacījums vienmēr trueir tāds, kas kodu palaidīs bezgalīgas reizes.

Nākamajā apmācībā jūs uzzināsit whileun izveidosiet do… whilecilpu.

Interesanti raksti...