În acest tutorial, veți afla despre bucla while și faceți … bucla while 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.
În tutorialul anterior, ați aflat despre buclă JavaScript pentru. Aici, veți afla despre while
și do… while
bucle.
JavaScript în timp ce Buclați
Sintaxa while
buclei este:
while (condition) ( // body of loop )
Aici,
- O
while
buclă evaluează starea din paranteză()
. - Dacă condiția este evaluată
true
, codul dinwhile
buclă este executat. - Condiția este evaluată din nou.
- Acest proces continuă până când starea este
false
. - Când condiția se evaluează la
false
, bucla se oprește.
Pentru a afla mai multe despre condiții , vizitați Comparație JavaScript și Operatori logici.
Diagrama fluxului while Loop

Exemplul 1: Afișați numerele de la 1 la 5
// program to display numbers from 1 to 5 // initialize the variable let i = 1, n = 5; // while loop from i = 1 to 5 while (i <= n) ( console.log(i); i += 1; )
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 2: Numai suma de numere pozitive
// program to find the sum of positive numbers // if the user enters a negative numbers, the loop ends // the negative number entered is not added to sum let sum = 0; // take input from the user let number = parseInt(prompt('Enter a number: ')); while(number>= 0) ( // add all positive numbers sum += number; // take input again if the number is positive number = parseInt(prompt('Enter a number: ')); ) // display the sum console.log(`The sum is $(sum).`);
Ieșire
Introduceți un număr: 2 Introduceți un număr: 5 Introduceți un număr: 7 Introduceți un număr: 0 Introduceți un număr: -3 Suma este 14.
În programul de mai sus, utilizatorul este solicitat să introducă un număr.
Aici, parseInt()
este folosit pentru că prompt()
preia intrarea de la utilizator ca un șir. Și când se adaugă șiruri numerice, acesta se comportă ca un șir. De exemplu '2' + '3' = '23'
,. Deci, parseInt()
convertește un șir numeric în număr.
while
Buclă continuă până când utilizatorul introduce un număr negativ. În timpul fiecărei iterații, numărul introdus de utilizator este adăugat sum
variabilei.
Când utilizatorul introduce un număr negativ, bucla se termină. În cele din urmă, este afișată suma totală.
JavaScript face … în timp ce Buclați
Sintaxa do… while
buclei este:
do ( // body of loop ) while(condition)
Aici,
- Corpul buclei este executat la început. Apoi, starea este evaluată.
- Dacă condiția este evaluată
true
, corpul buclei dindo
instrucțiune este executat din nou. - Condiția este evaluată din nou.
- Dacă condiția este evaluată
true
, corpul buclei dindo
instrucțiune este executat din nou. - Acest proces continuă până când condiția se evaluează la
false
. Apoi bucla se oprește.
Notă : do… while
bucla este similară cu while
bucla. Singura diferență este că în do… while
buclă, corpul buclei este executat cel puțin o dată.
Diagrama de a face … în timp ce Bucla

Să vedem funcționarea do… while
buclei.
Exemplul 3: Afișați numerele de la 1 la 5
// program to display numbers let i = 1; const n = 5; // do… while loop from 1 to 5 do ( console.log(i); i++; ) while(i <= n);
Ieșire
1 2 3 4 5
Iată cum funcționează acest program.
Repetare | Variabil | Stare: i <= n | Acțiune |
---|---|---|---|
i = 1 n = 5 | nu a verificat | 1 este tipărit. i este mărit la 2 . | |
Primul | i = 2 n = 5 | true | 2 este tipărit. i este mărit la 3 . |
Al 2-lea | i = 3 n = 5 | true | 3 este tipărit. i este mărit la 4 . |
A treia | i = 4 n = 5 | true | 4 este tipărit. i este mărit la 5 . |
Al 4-lea | i = 5 n = 5 | true | 6 este tipărit. i este mărit la 6 . |
Al 5-lea | i = 6 n = 5 | false | Bucla este terminată |
Exemplul 4: Suma numerelor pozitive
// to find the sum of positive numbers // if the user enters negative number, the loop terminates // negative number is not added to sum let sum = 0; let number = 0; do ( sum += number; number = parseInt(prompt('Enter a number: ')); ) while(number>= 0) console.log(`The sum is $(sum).`);
Ieșire 1
Introduceți un număr: 2 Introduceți un număr: 4 Introduceți un număr: -500 Suma este 6.
Here, the do… while
loop continues until the user enters a negative number. When the number is negative, the loop terminates; the negative number is not added to the sum variable.
Output 2
Enter a number: -80 The sum is 0.
The body of the do… while
loop runs only once if the user enters a negative number.
Infinite while Loop
If the condition of a loop is always true
, the loop runs for infinite times (until the memory is full). For example,
// infinite while loop while(true)( // body of loop )
Here is an example of an infinite do… while
loop.
// infinite do… while loop const count = 1; do ( // body of loop ) while(count == 1)
In the above programs, the condition is always true
. Hence, the loop body will run for infinite times.
for Vs while Loop
A for
loop is usually used when the number of iterations is known. For example,
// this loop is iterated 5 times for (let i = 1; i <=5; ++i) ( // body of loop )
Și buclele while
și do… while
sunt utilizate de obicei atunci când numărul de iterații este necunoscut. De exemplu,
while (condition) ( // body of loop )