„JavaScript for loop“ (su pavyzdžiais)

Šiame vadovėlyje naudodamiesi pavyzdžiais sužinosite apie „JavaScript“ kilpas ir apie „loop“.

Programuojant ciklo blokui pakartoti naudojamos kilpos.

Pavyzdžiui, jei norite parodyti pranešimą 100 kartų, galite naudoti kilpą. Tai tik paprastas pavyzdys; kilpomis galite pasiekti daug daugiau.

Šioje pamokoje daugiausia dėmesio skiriama „JavaScript“ forkilpai. Apie kitas kilpų rūšis sužinosite būsimuose vadovėliuose.

„Loop“ „JavaScript“

Kilpos sintaksė foryra:

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

Čia

  1. InitialExpression inicijuoja ir / arba pareiškia, kintamieji ir vykdo tik vieną kartą.
  2. Būklė būtų įvertinta.
    • Jei sąlyga yra false, forkilpa nutraukiama.
    • jei sąlyga yra true, forvykdomas ciklo blokas ciklo viduje .
  3. UpdateExpression atnaujina vertę initialExpression kai sąlyga yra true.
  4. Būklė įvertinama again.This procesas tęsiasi tol, kol sąlyga yra false.

Norėdami sužinoti daugiau apie sąlygas , apsilankykite „JavaScript“ palyginimo ir loginių operatorių puslapyje.

„Loop“ „JavaScript“ schema

1 pavyzdys: rodykite tekstą penkis kartus

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

Rezultatas

Man patinka „JavaScript“. Man patinka „JavaScript“. Man patinka „JavaScript“. Man patinka „JavaScript“. Man patinka „JavaScript“.

Štai kaip ši programa veikia.

Kartojimas Kintamas Būklė: i <= n Veiksmas
1-oji i = 1
n = 5
true Man patinka „JavaScript“. yra atspausdintas.
i padidėja iki 2 .
2-oji i = 2
n = 5
true Man patinka „JavaScript“. yra atspausdintas.
i padidinamas iki 3 .
3 d i = 3
n = 5
true Man patinka „JavaScript“. yra atspausdintas.
i padidėja iki 4 .
4-oji i = 4
n = 5
true Man patinka „JavaScript“. yra atspausdintas.
i padidėja iki 5 .
5 d i = 5
n = 5
true Man patinka „JavaScript“. yra atspausdintas.
i padidėja iki 6 .
6-oji i = 6
n = 5
false Kilpa nutraukiama.

2 pavyzdys: rodyti skaičius nuo 1 iki 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 )

Rezultatas

 1 2 3 4 5

Štai kaip ši programa veikia.

Kartojimas Kintamas Būklė: i <= n Veiksmas
1-oji i = 1
n = 5
true 1 atspausdinta.
i padidėja iki 2 .
2-oji i = 2
n = 5
true 2 atspausdinta.
i padidinamas iki 3 .
3 d i = 3
n = 5
true 3 atspausdinta.
i padidėja iki 4 .
4-oji i = 4
n = 5
true 4 atspausdinta.
i padidėja iki 5 .
5 d i = 5
n = 5
true 5 atspausdintas.
i padidėja iki 6 .
6-oji i = 6
n = 5
false Kilpa nutraukiama.

3 pavyzdys: Pateikti n natūralių skaičių sumą

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

Rezultatas

 suma: 5050

Iš pradžių sumos vertė yra 0 . Tada forkartojama kilpa i = 1 to 100. Kiekvienoje iteracijoje i pridedama prie sumos ir jos vertė padidinama 1 .

Kai i taps 101 , bandymo sąlyga yra falseir suma bus lygi 0 + 1 + 2 +… + 100.

Pirmiau pateiktą programą natūralių skaičių sumai pridėti taip pat galima parašyti taip

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

Ši programa taip pat pateikia tą patį išėjimą kaip 3 pavyzdys . Programuodami galite atlikti tą pačią užduotį įvairiais būdais; programavimas yra susijęs su logika.

Nors abu būdai yra teisingi, turėtumėte pabandyti padaryti kodą lengviau įskaitomą.

„JavaScript Infinite for loop“

Jei bandymo sąlyga forcikle yra visada true, ji tęsiasi amžinai (kol atmintis bus pilna). Pavyzdžiui,

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

Pirmiau minėtoje programoje visada yra sąlyga, truekuri paleidžia kodą begalinį laiką.

Kitoje pamokoje sužinosite whileir do… whilekilpą.

Įdomios straipsniai...