Buclele JavaScript sunt esențiale pentru gestionarea eficientă a sarcinilor repetitive. Ei execută un bloc de cod în mod repetat atâta timp cât o condiție specificată rămâne adevărată. Aceste bucle sunt instrumente puternice pentru automatizarea sarcinilor și simplificarea codului.
De exemplu, să presupunem că vrem să tipărim Salut Lume de 5 ori. Acest lucru se poate face folosind JS Loop cu ușurință. În Loop, instrucțiunea trebuie scrisă o singură dată, iar bucla va fi executată de 5 ori, așa cum se arată mai jos:
JavaScript for (let i = 0; i < 5; i++) { console.log('Hello World!'); }> Ieșire
Hello World! Hello World! Hello World! Hello World! Hello World!>
Cuprins
- pentru Loop
- în timp ce Loop
- do-while Loop
- bucla for-in
- for-of Loop
- Declarație etichetată
- Break Statement
- Continuare Declarație
- Buclă infinită (Eroare buclă)
1. JavaScript pentru buclă
The JS pentru buclă oferă o modalitate concisă de scriere a structurii buclei. Bucla for conține inițializarea, condiția și creșterea/decrementarea într-o singură linie, oferind astfel o structură a buclei mai scurtă și ușor de depanat.
Sintaxă
for (initialization; testing condition; increment/decrement) { statement(s) }>Diagramă
- Condiție de inițializare: Inițializează variabila și marchează începutul unei bucle for. O variabilă deja declarată poate fi utilizată sau o variabilă poate fi declarată, doar local pentru buclă.
- Condiție de testare: Este folosit pentru a testa starea de ieșire a unei bucle for. Trebuie să returneze o valoare booleană. Este, de asemenea, un Bucla de control de intrare întrucât condiția este verificată înainte de executarea instrucțiunilor buclei.
- Executarea declarației: Odată ce condiția este evaluată ca fiind adevărată, instrucțiunile din corpul buclei sunt executate.
- Creștere/Scădere: Este folosit pentru actualizarea variabilei pentru următoarea iterație.
- Terminare buclă: Când condiția devine falsă, bucla se termină marcând sfârșitul ciclului său de viață.
Exemplu
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); }> Ieșire
Value of x: 2 Value of x: 3 Value of x: 4>
2. JavaScript while Loop
The JS bucla while este o instrucțiune de flux de control care permite ca codul să fie executat în mod repetat pe baza unei anumite condiții booleene. Bucla while poate fi gândită ca o declarație if care se repetă.
Sintaxă
while (boolean condition) { loop statements... }>Diagramă
- Bucla While începe cu verificarea stării. Dacă este evaluat ca fiind adevărat, atunci instrucțiunile buclei sunt executate, altfel prima instrucțiune care urmează buclei este executată. Din acest motiv, se mai numește și Bucla de control de intrare
- Odată ce condiția este evaluată ca fiind adevărată, instrucțiunile din corpul buclei sunt executate. În mod normal, instrucțiunile conțin o valoare actualizată pentru variabila care este procesată pentru următoarea iterație.
- Când condiția devine falsă, bucla se termină, ceea ce marchează sfârșitul ciclului său de viață.
Exemplu
Javascript // JavaScript code to use while loop let val = 1; while (val < 6) { console.log(val); val += 1; }> Ieșire
1 2 3 4 5>
3. JavaScript do-while Loop
The JS bucla do-while este similară cu bucla while cu singura diferență este că verifică condiția după executarea instrucțiunilor și, prin urmare, este un exemplu de Ieșiți din bucla de control. Execută conținutul buclei cel puțin o dată când condiția este falsă.
Sintaxă
do { Statements... } while (condition);> Diagramă 
- Bucla do-while începe cu execuția instrucțiunilor. Nu se verifică nicio condiție pentru prima dată.
- După executarea instrucțiunilor și actualizarea valorii variabilei, condiția este verificată pentru o valoare adevărată sau falsă. Dacă este evaluat ca fiind adevărat, începe următoarea iterație a buclei.
- Când condiția devine falsă, bucla se termină, ceea ce marchează sfârșitul ciclului său de viață.
- Este important de reținut că bucla do-while își va executa instrucțiunile cel puțin o dată înainte ca orice condiție să fie verificată și, prin urmare, este un exemplu de buclă de control de ieșire.
Exemplu
Javascript let test = 1; do { console.log(test); test++; } while(test <= 5)> Ieșire
1 2 3 4 5>
4. JavaScript for-in Loop
JS bucla for-in este folosit pentru a itera asupra proprietăților unui obiect. Bucla for-in iterează numai peste acele chei ale unui obiect care au proprietatea lor enumerabilă setată la true.
Sintaxă
for(let variable_name in object_name) { // Statement }>Exemplu: Acest exemplu arată utilizarea buclei for-in.
Javascript let myObj = { x: 1, y: 2, z: 3 }; for (let key in myObj) { console.log(key, myObj[key]); }> Ieșire
x 1 y 2 z 3>
5. JavaScript for-of Loop
JS bucla for-of este folosit pentru a repeta obiectele iterabile, de exemplu – matrice, obiect, set și hartă. Iterează direct valoarea obiectului iterabil dat și are o sintaxă mai concisă decât bucla for.
Sintaxă:
for(let variable_name of object_name) { // Statement }>Exemplu: Acest exemplu arată utilizarea buclei for-of.
Javascript let arr = [1, 2, 3, 4, 5]; for (let value of arr) { console.log(value); }> Ieșire
1 2 3 4 5>
6. Declarație etichetată JavaScript
Cuvânt cheie etichetă JS nu include un cuvânt cheie goto. Utilizatorii pot folosi cuvântul cheie continue cu instrucțiunea etichetă. În plus, utilizatorii pot folosi cuvântul cheie break pentru a termina bucla/blocul. De asemenea, puteți utiliza cuvântul cheie break fără a defini eticheta, dar se încheie doar bucla/blocul părinte. Pentru a termina bucla exterioară din bucla interioară folosind cuvântul cheie break, utilizatorii trebuie să definească eticheta.
Sintaxă
Label: statement (loop or block of code)>
Exemplu
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) { // Rupe bucla exterioară din bucla interioară rupe bucla exterioară; } console.log('sum = ' + sum); a++; } }>>>
Ieșire sum = 1 sum = 3 sum = 4 sum = 6 sum = 7 sum = 9 sum = 10 sum = 12>
7. Declarație JavaScript Break
Declarație de pauză JS este folosit pentru a termina execuția buclei sau a instrucțiunii switch atunci când condiția este adevărată.
Sintaxă
for (let i = 1; i < 6; i++) { if (i == 4) break; console.log(i); }> Ieșire
1 2 3>
8. JavaScript Continue Statement
JS continua declarația este folosit pentru a rupe iterația buclei și pentru a urma cu următoarea iterație. Întreruperea iterației este posibilă numai atunci când se va produce condiția specificată. Diferența majoră dintre instrucțiunile continue și break este că instrucțiunea break iese complet din buclă, în timp ce continue este folosită pentru a întrerupe o instrucțiune și a itera la următoarea instrucțiune.
Sintaxă
continue;>
Exemplu
Javascript for (let i = 0; i < 11; i++) { if (i % 2 == 0) continue; console.log(i); }> Ieșire
1 3 5 7 9>
9. Buclă infinită JavaScript (Eroare buclă)
Una dintre cele mai frecvente greșeli în timpul implementării oricărui tip de buclă este că este posibil să nu iasă niciodată, adică bucla rulează de nenumărate ori. Acest lucru se întâmplă atunci când starea eșuează dintr-un motiv oarecare.
Exemplu: Acest exemplu arată o buclă infinită.
Javascript