For, While și Do While LOOP in JavaScript (cu exemplu)
Cum se folosește Loop?
Buclele sunt utile atunci când trebuie să executați aceleași linii de cod în mod repetat, pentru un anumit număr de ori sau atâta timp cât o anumită condiție este adevărată. Să presupunem că doriți să introduceți un mesaj „Bună ziua” de 100 de ori pe pagina dvs. web. Desigur, va trebui să copiați și să lipiți aceeași linie de 100 de ori. În schimb, dacă utilizați bucle, puteți finaliza această sarcină în doar 3 sau 4 rânduri.
Diferite tipuri de bucle
Există în principal patru tipuri de bucle JavaScenariu.
- pentru bucla
- pentru/în buclă (explicat mai târziu)
- în timp ce bucla
- face... în timp ce buclă
pentru bucla
Sintaxă:
for(statement1; statement2; statment3) { lines of code to be executed }
- Instrucțiunea1 este executată mai întâi chiar înainte de executarea codului de buclă. Deci, această instrucțiune este utilizată în mod normal pentru a atribui valori variabilelor care vor fi utilizate în interiorul buclei.
- Declarația2 este condiția pentru a executa bucla.
- Instrucțiunea3 este executată de fiecare dată după ce codul de buclă este executat.
Încercați singuri asta:
<html> <head> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); document.write("<b>Using for loops </b><br />"); for (i=0;i<students.length;i++) { document.write(students[i] + "<br />"); } </script> </head> <body> </body> </html>
în timp ce bucla
Sintaxă:
while(condition) { lines of code to be executed }
„Bucla while” este executată atâta timp cât condiția specificată este adevărată. În bucla while, ar trebui să includeți declarația care va încheia bucla la un moment dat. În caz contrar, bucla dvs. nu se va termina niciodată și browserul dvs. se poate bloca.
Încercați singuri asta:
<html> <head> <script type="text/javascript"> document.write("<b>Using while loops </b><br />"); var i = 0, j = 1, k; document.write("Fibonacci series less than 40<br />"); while(i<40) { document.write(i + "<br />"); k = i+j; i = j; j = k; } </script> </head> <body> </body> </html>
face... în timp ce buclă
Sintaxă:
do { block of code to be executed } while (condition)
Bucla do...while este foarte asemănătoare cu bucla while. Singura diferență este că în bucla do...while, blocul de cod este executat o dată chiar înainte de a verifica condiția.
Încercați singuri asta:
<html> <head> <script type="text/javascript"> document.write("<b>Using do...while loops </b><br />"); var i = 2; document.write("Even numbers less than 20<br />"); do { document.write(i + "<br />"); i = i + 2; }while(i<20) </script> </head> <body> </body> </html>