„JavaScript“ kilpos yra būtinos norint efektyviai tvarkyti pasikartojančias užduotis. Jie pakartotinai vykdo kodo bloką tol, kol nurodyta sąlyga išlieka teisinga. Šios kilpos yra galingi įrankiai, skirti automatizuoti užduotis ir supaprastinti kodą.
Pavyzdžiui, tarkime, kad norime spausdinti Labas pasauli 5 kartus. Tai galima lengvai padaryti naudojant JS Loop. Ciklėje teiginį reikia parašyti tik vieną kartą, o ciklas bus vykdomas 5 kartus, kaip parodyta toliau:
JavaScript for (let i = 0; i < 5; i++) { console.log('Hello World!'); }> Išvestis
Hello World! Hello World! Hello World! Hello World! Hello World!>
Turinys
- už Loop
- o kilpa
- do-while Loop
- for-in Loop
- for-of Loop
- Pažymėtas pareiškimas
- Pertraukos pareiškimas
- Tęsti pareiškimą
- Begalinis ciklas (ciklo klaida)
1. JavaScript for Loop
The JS ciklas pateikia glaustą kilpos struktūros rašymo būdą. For cikle yra inicijavimas, sąlyga ir padidinimas / sumažinimas vienoje eilutėje, todėl suteikiama trumpesnė, lengvai derinama ciklo struktūra.
Sintaksė
for (initialization; testing condition; increment/decrement) { statement(s) }>Struktūrinė schema
- Inicijuojimo sąlyga: Jis inicijuoja kintamąjį ir pažymi for ciklo pradžią. Jau deklaruotas kintamasis gali būti naudojamas arba kintamasis gali būti deklaruojamas, tik vietinėje cikle.
- Bandymo sąlyga: Jis naudojamas a for kilpos išėjimo sąlygai patikrinti. Ji turi grąžinti loginę reikšmę. Tai taip pat yra Įėjimo valdymo kilpa nes sąlyga patikrinama prieš vykdant ciklo sakinius.
- Pareiškimo vykdymas: Kai sąlyga įvertinama kaip teisinga, ciklo korpuse esantys teiginiai vykdomi.
- Padidinti / sumažinti: Jis naudojamas kintamajam atnaujinti kitai iteracijai.
- Ciklo pabaiga: Kai sąlyga tampa klaidinga, kilpa nutrūksta ir pažymi jos gyvavimo ciklo pabaigą.
Pavyzdys
Javascript // JavaScript program to illustrate for loop let x; // for loop begins when x = 2 // and runs till x <= 4 for (x = 2; x <= 4; x++) { console.log('Value of x: ' + x); }> Išvestis
Value of x: 2 Value of x: 3 Value of x: 4>
2. JavaScript while Loop
The JS while ciklas yra valdymo srauto sakinys, leidžiantis pakartotinai vykdyti kodą, remiantis tam tikra Būlio sąlyga. Ciklas while gali būti laikomas pasikartojančiu if teiginiu.
Sintaksė
while (boolean condition) { loop statements... }>Struktūrinė schema
- Nors ciklas prasideda nuo būklės patikrinimo. Jei įvertinama kaip teisinga, tada ciklo korpuso teiginiai vykdomi, priešingu atveju vykdomas pirmasis po ciklo einantis sakinys. Dėl šios priežasties jis taip pat vadinamas Įėjimo valdymo kilpa
- Kai sąlyga įvertinama kaip teisinga, ciklo korpuse esantys teiginiai vykdomi. Paprastai teiginiuose yra atnaujinta kintamojo, kuris apdorojamas kitai iteracijai, reikšmė.
- Kai sąlyga tampa klaidinga, ciklas baigiasi, o tai reiškia jos gyvavimo ciklo pabaigą.
Pavyzdys
Javascript // JavaScript code to use while loop let val = 1; while (val < 6) { console.log(val); val += 1; }> Išvestis
1 2 3 4 5>
3. JavaScript do-while Loop
The JS do-while ciklas yra panašus į ciklą while, vienintelis skirtumas yra tas, kad jis patikrina sąlygą įvykdęs teiginius, todėl yra pavyzdys Išeikite iš valdymo kilpos. Ji vykdo ciklo turinį bent kartą, kai sąlyga yra klaidinga.
Sintaksė
do { Statements... } while (condition);> Struktūrinė schema 
- Ciklas „do-while“ prasideda teiginio (-ų) vykdymu. Pirmą kartą nėra jokios būklės tikrinimo.
- Atlikus teiginius ir atnaujinus kintamojo reikšmę, tikrinama, ar sąlyga yra teisinga ar klaidinga. Jei įvertinta, kad tai tiesa, prasideda kita ciklo iteracija.
- Kai sąlyga tampa klaidinga, ciklas baigiasi, o tai reiškia jos gyvavimo ciklo pabaigą.
- Svarbu pažymėti, kad ciklas do-while vykdys savo sakinius bent vieną kartą prieš patikrinant bet kokią sąlygą, todėl yra išėjimo valdymo ciklo pavyzdys.
Pavyzdys
Javascript let test = 1; do { console.log(test); test++; } while(test <= 5)> Išvestis
1 2 3 4 5>
4. „JavaScript for-in Loop“.
JS for-in kilpa naudojamas objekto savybėms kartoti. „For-in“ ciklas kartojasi tik per tuos objekto raktus, kurių išvardijamos savybės nustatytas į „true“.
Sintaksė
for(let variable_name in object_name) { // Statement }>Pavyzdys: Šiame pavyzdyje parodytas for-in ciklo naudojimas.
Javascript let myObj = { x: 1, y: 2, z: 3 }; for (let key in myObj) { console.log(key, myObj[key]); }> Išvestis
x 1 y 2 z 3>
5. „JavaScript for-of Loop“.
JS for-of kilpa naudojamas iteruotiems objektams, pavyzdžiui, masyvui, objektui, rinkiniui ir žemėlapiui, kartoti. Jis tiesiogiai pakartoja nurodyto kartojamo objekto vertę ir turi glaustesnę sintaksę nei ciklo.
Sintaksė:
for(let variable_name of object_name) { // Statement }>Pavyzdys: Šiame pavyzdyje parodytas for-of ciklo naudojimas.
Javascript let arr = [1, 2, 3, 4, 5]; for (let value of arr) { console.log(value); }> Išvestis
1 2 3 4 5>
6. „JavaScript“ pažymėtas pareiškimas
JS etiketės raktinis žodis neapima goto raktinio žodžio. Vartotojai gali naudoti raktinį žodį tęsti su etiketės teiginiu. Be to, vartotojai gali naudoti pertraukos raktinį žodį, norėdami nutraukti kilpą / bloką. Taip pat galite naudoti pertraukos raktinį žodį neapibrėždami etiketės, tačiau jis nutraukia tik pirminę kilpą / bloką. Norėdami nutraukti išorinę kilpą nuo vidinės kilpos naudodami pertraukos raktinį žodį, vartotojai turi apibrėžti etiketę.
Sintaksė
Label: statement (loop or block of code)>
Pavyzdys
Javascript let sum = 0, a = 1; // Label for outer loop outerloop: while (true) { a = 1; // Label for inner loop innerloop: while (a < 3) { sum += a; if (sum>12) { // Break outer loop from inner loop break outerloop; } console.log('sum = ' + suma); a++; } }>>
Išvestis sum = 1 sum = 3 sum = 4 sum = 6 sum = 7 sum = 9 sum = 10 sum = 12>
7. „JavaScript“ pertraukos pareiškimas
JS pertraukos pareiškimas naudojamas nutraukti ciklo arba perjungimo sakinio vykdymą, kai sąlyga yra teisinga.
Sintaksė
for (let i = 1; i < 6; i++) { if (i == 4) break; console.log(i); }> Išvestis
1 2 3>
8. „JavaScript“ tęsinys
JS tęsia pareiškimą naudojamas ciklo iteracijai nutraukti ir sekti kita iteracija. Iteracijos pertrauka galima tik tada, kai įvyks nurodyta sąlyga. Pagrindinis teiginių tęsti ir pertraukimas skirtumas yra tas, kad pertraukos sakinys visiškai išeina iš ciklo, o tęsti naudojamas vienam teiginiui nutraukti ir kartoti kitą sakinį.
Sintaksė
continue;>
Pavyzdys
Javascript for (let i = 0; i < 11; i++) { if (i % 2 == 0) continue; console.log(i); }> Išvestis
1 3 5 7 9>
9. „JavaScript“ begalinis ciklas (ciklo klaida)
Viena iš dažniausiai pasitaikančių klaidų diegiant bet kokį ciklą yra ta, kad ji gali niekada nepasitraukti, t. y. ciklas tęsiasi begalinį laiką. Taip atsitinka, kai būklė dėl kokios nors priežasties nepavyksta.
Pavyzdys: Šis pavyzdys rodo begalinę kilpą.
Javascript // JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (tegu i = 5; i != 0; i -= 2) { console.log(i); } tegul x = 5; // Begalinis ciklas, nes atnaujinimo teiginys // nepateikiamas while (x == 5) { console.log('Cilpoje'); }>