Š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“ for
kilpai. Apie kitas kilpų rūšis sužinosite būsimuose vadovėliuose.
„Loop“ „JavaScript“
Kilpos sintaksė for
yra:
for(initialExpression; condition; updateExpression) ( // for loop body )
Čia
- InitialExpression inicijuoja ir / arba pareiškia, kintamieji ir vykdo tik vieną kartą.
- Būklė būtų įvertinta.
- Jei sąlyga yra
false
,for
kilpa nutraukiama. - jei sąlyga yra
true
,for
vykdomas ciklo blokas ciklo viduje .
- Jei sąlyga yra
- UpdateExpression atnaujina vertę initialExpression kai sąlyga yra
true
. - 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.
![](https://cdn.wiki-base.com/7387997/javascript_for_loop_with_examples.png.webp)
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 for
kartojama kilpa i = 1 to 100
. Kiekvienoje iteracijoje i pridedama prie sumos ir jos vertė padidinama 1 .
Kai i taps 101 , bandymo sąlyga yra false
ir 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 for
cikle 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, true
kuri paleidžia kodą begalinį laiką.
Kitoje pamokoje sužinosite while
ir do… while
kilpą.