JavaScript pentru buclă (cu exemple)

În acest tutorial, veți afla despre bucle și despre bucle în JavaScript cu ajutorul exemplelor.

În programare, buclele sunt folosite pentru a repeta un bloc de cod.

De exemplu, dacă doriți să afișați un mesaj de 100 de ori, atunci puteți utiliza o buclă. Este doar un exemplu simplu; puteți obține mult mai multe cu bucle.

Acest tutorial se concentrează pe forbucla JavaScript . Veți afla despre celălalt tip de bucle în tutorialele viitoare.

JavaScript pentru buclă

Sintaxa forbuclei este:

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

Aici,

1. InitialExpression inițializează și / sau declară variabile și execută doar o singură dată.
2. Condiția este evaluată.
   • Dacă condiția este false, forbucla este terminată.
   • dacă condiția este true, blocul de cod din interiorul forbuclei este executat.
3. UpdateExpression actualizează valoarea initialExpression atunci când condiția este true.
4. Condiția de proces again.This este evaluată continuă până când condiția este false.

Pentru a afla mai multe despre condiții , vizitați Comparație JavaScript și Operatori logici.

Diagrama fluxului JavaScript pentru buclă

Exemplul 1: Afișați un text de cinci ori

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

Ieșire

Îmi place JavaScript. Îmi place JavaScript. Îmi place JavaScript. Îmi place JavaScript. Îmi place JavaScript.

Iată cum funcționează acest program.

Repetare	Variabil	Stare: i <= n	Acțiune
Primul	i = 1 n = 5	true	Îmi place JavaScript. este tipărit. i este mărit la 2 .
Al 2-lea	i = 2 n = 5	true	Îmi place JavaScript. este tipărit. i este mărit la 3 .
A treia	i = 3 n = 5	true	Îmi place JavaScript. este tipărit. i este mărit la 4 .
Al 4-lea	i = 4 n = 5	true	Îmi place JavaScript. este tipărit. i este mărit la 5 .
Al 5-lea	i = 5 n = 5	true	Îmi place JavaScript. este tipărit. i este mărit la 6 .
Al 6-lea	i = 6 n = 5	false	Bucla este terminată.

Exemplul 2: Afișați numerele de la 1 la 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 )

Ieșire

 1 2 3 4 5

Iată cum funcționează acest program.

Repetare	Variabil	Stare: i <= n	Acțiune
Primul	i = 1 n = 5	true	1 este tipărit. i este mărit la 2 .
Al 2-lea	i = 2 n = 5	true	2 este tipărit. i este mărit la 3 .
A treia	i = 3 n = 5	true	3 este tipărit. i este mărit la 4 .
Al 4-lea	i = 4 n = 5	true	4 este tipărit. i este mărit la 5 .
Al 5-lea	i = 5 n = 5	true	5 este tipărit. i este mărit la 6 .
Al 6-lea	i = 6 n = 5	false	Bucla este terminată.

Exemplul 3: Afișați suma de n numere naturale

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

Ieșire

 suma: 5050

Aici, valoarea sumei este 0 inițial. Apoi, o forbuclă este iterată din i = 1 to 100. În fiecare iterație, i se adaugă la sumă și valoarea sa este mărită cu 1 .

Când i devine 101 , condiția testului este falseși suma va fi egală cu 0 + 1 + 2 + … + 100.

Programul de mai sus pentru a adăuga suma numerelor naturale poate fi, de asemenea, scris ca

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

Acest program oferă, de asemenea, aceeași ieșire ca Exemplul 3 . Puteți realiza aceeași sarcină în multe moduri diferite în programare; programarea este totul despre logică.

Deși ambele moduri sunt corecte, ar trebui să încercați să faceți codul mai ușor de citit.

JavaScript Infinite pentru buclă

Dacă condiția de testare într-o forbuclă este întotdeauna true, aceasta rulează pentru totdeauna (până când memoria este plină). De exemplu,

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

În programul de mai sus, condiția este întotdeauna, truecare va rula apoi codul pentru infinit de ori.

În următorul tutorial, veți afla despre whileși do… whilebucla.