Buclele poate executa un bloc de cod de mai multe ori.
Buclele JavaScript
Buclele sunt la îndemână, dacă doriți să executați același cod de peste si peste din nou, de fiecare dată cu o valoare diferită.
Adesea, acesta este cazul atunci când se lucrează cu matrice:
În loc de a scrie:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Poti sa scrii:
for (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
} Încearcă - l singur » Diferite tipuri de bucle
JavaScript acceptă diferite tipuri de bucle:
- for - bucle printr - un bloc de cod de mai multe ori
- for/in - bucle prin proprietățile unui obiect
- în while - bucle printr - un bloc de cod în timp ce o condiție specificată este adevărată
- do/while în do/while - bucle , de asemenea , printr - un bloc de cod în timp ce o condiție specificată este adevărată
For Buclă
for bucla este de multe ori instrumentul va folosi atunci când doriți să creați o buclă.
for buclă are următoarea sintaxă:
for ( Statement 1 este executată înainte de bucla (the code block) de (the code block) începe. Statement 2 definește starea de funcționare a buclei (the code block) de (the code block) .
Statement 3 este executată de fiecare dată după bucla (the code block) de (the code block) a fost executat.
Din exemplul de mai sus, puteți citi:
Declarație 1 stabilește o variabilă înainte de a începe cu buclă (var i = 0) .
Statement 2 definește condiția pentru bucla pentru a rula (i trebuie să fie mai mic de 5).
Statement 3 crește valoarea (i++) de fiecare dată când blocul de cod în buclă a fost executată.
Declarația 1
În mod normal , se va utiliza declarația 1 pentru a iniția variabila utilizată în bucla (i = 0) .
Acest lucru nu este întotdeauna cazul, JavaScript nu-i pasa. Declarația 1 este opțională.
Puteți iniția multe valori în declarația 1 (separated by comma) :
Exemplu
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} Încearcă - l singur » Și puteți omite declarația 1 (cum ar fi atunci când sunt setate valorile înainte de a începe bucla):
Exemplu
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} Încearcă - l singur »
Declarația 2
Adesea, declarația 2 este utilizată pentru a evalua starea variabilei inițiale.
Acest lucru nu este întotdeauna cazul, JavaScript nu-i pasa. Declarația 2 este de asemenea opțională.
Dacă extrasul 2 returnează adevărat, bucla va începe din nou, în cazul în care returnează false, bucla se va termina.
Dacă omiteți declarația 2, trebuie să vă ofere o break în interiorul buclei. În caz contrar, bucla nu se va termina. Acest lucru se va prăbuși browser-ul dumneavoastră. Citiți despre pauze într-un capitol ulterior al acestui tutorial.
Declarația 3
De multe ori declarație 3 mărește variabila inițială.
Acest lucru nu este întotdeauna cazul, JavaScript nu-i pasa, iar declarația 3 este opțională.
Declarația 3 poate face ceva increment negativ (i--) , creștere pozitivă (i = i + 15) , sau orice altceva.
Declarația 3 poate fi , de asemenea , omise (like when you increment your values inside the loop) de (like when you increment your values inside the loop) , (like when you increment your values inside the loop) din (like when you increment your values inside the loop) :
Exemplu
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} Încearcă - l singur »
For/In Buclă
JavaScript for/in declarația bucle prin proprietățile unui obiect:
Exemplu
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} Încearcă - l singur »
În While Buclă
În while bucla și do/while în do/while bucla va fi explicat în capitolul următor.
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 » Exercițiul 6»