Ultimele tutoriale de dezvoltare web
 

JavaScript pentru declarația

<JavaScript Declarațiile de referință

Exemplu

Buclă printr-un bloc de cod de cinci ori:

var text = "";
var i;
for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}

Rezultatul va fi textul:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Instructiunea for creează o buclă care este executat, atâta timp cât o condiție este adevărată.

Buclă va continua să ruleze atâta timp cât condiția este adevărată. Acesta se va opri doar atunci când condiția devine falsă.

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 / în timp ce - bucle printr - un bloc de cod o dată, și apoi se repetă bucla în timp ce o condiție specificată este adevărată

Sfat: Utilizați pauză declarație pentru a rupe dintr - o buclă, și continua declarația pentru a sări peste o valoare în buclă.


Suport pentru browser-

Afirmație
for da da da da da

Sintaxă

Valorile parametrilor
Parametru Descriere
statement1 Opțional. Executat înainte de bucla (the code block) de (the code block) începe. În mod normal, această afirmație este folosită pentru a inițializa o variabilă contor. Pentru a iniția mai multe valori, separați fiecare valoare cu o virgulă.

Notă: Acest parametru poate fi omisă. Cu toate acestea, nu omite punct și virgulă ";"
statement2 Opțional. Definește starea de funcționare a buclei (the code block) de (the code block) . În mod normal, această afirmație este folosită pentru a evalua starea variabila contor. Dacă se returnează true, bucla va începe din nou, în cazul în care returnează false, bucla se va termina.

Notă: Acest parametru poate fi omisă. Cu toate acestea, nu omite punct și virgulă ";" . De asemenea, dacă omite acest parametru, trebuie să ofere o pauză în interiorul buclei. În caz contrar, bucla nu se va termina, ceea ce se va prăbuși browser-ul dvs.
statement3 Opțional. Executat de fiecare dată după bucla (blocul de cod) a fost executat. În mod normal, această afirmație este folosită pentru a incrementa sau decrementa variabila contor.

Notă: Acest parametru poate fi omis (eg to increase/decrease values inside the loop) de (eg to increase/decrease values inside the loop) , (eg to increase/decrease values inside the loop) din (eg to increase/decrease values inside the loop)

Detalii tehnice

JavaScript Versiune: 1.0

Exemple

Mai multe exemple

Exemplu

Bucla prin indicii unei matrice pentru a colecta numele auto din matrice de masini:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
Încearcă - l singur »

Exemplul de mai sus a explicat:

  • În primul rând, am stabilit o variabilă înainte de a începe cu buclă (var i = 0;)
  • Apoi, vom defini condiția pentru bucla pentru a rula. Atâta timp cât variabila este mai mică decât lungimea matrice (which is 4) , bucla va continua
  • De fiecare dată când bucla se execută, variabila este incrementat cu unu (i++)
  • Odată ce variabila este nu mai puțin de 4 (array's length) , condiția este falsă, iar bucla se va termina

Exemplu

Inițierea mai multe valori în primul parametru:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
Încearcă - l singur »

Exemplu

Omit primul parametru (set values before the loop starts) de a (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}
Încearcă - l singur »

Exemplu

Utilizarea continua declarația - Bucla printr - un bloc de cod, dar sări peste valoarea "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        continue;
    }
    text += "The number is " + i + "<br>";
}
Încearcă - l singur »

Exemplu

Folosind declarația break - Bucla printr - un bloc de cod, dar ieși din bucla atunci când variabila i este egal cu "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        break;
    }
    text += "The number is " + i + "<br>";
}
Încearcă - l singur »

Exemplu

Omite al doilea parametru. În acest exemplu, vom folosi , de asemenea pauză declarație pentru a ieși din bucla atunci când i este egal cu „3“ ( în cazul în care al doilea parametru este omis, trebuie să ofere o pauză în interiorul buclei. În caz contrar , bucla nu se va termina, iar browserul va accident):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
    if (i == 3) {
        break;
    }
    text += cars[i] + "<br>";
}
Încearcă - l singur »

Exemplu

Bucla prin indicii unei matrice, în ordine descrescătoare (creștere negativă):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
    text += cars[i] + "<br>";
}
Încearcă - l singur »

Exemplu

Omite ultimul parametru și increment valorile din interiorul buclei:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
    text += cars[i] + "<br>";
    i++;
}
Încearcă - l singur »

Exemplu

Buclă prin nodurile unui obiect NodeList și de a schimba culoarea de fundal a tuturor <p> elementele din lista:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
Încearcă - l singur »

Exemplu

Un exemplu de o buclă imbricată (a loop inside a loop) în (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
    text += "<br>" + "i = " + i + ", j = ";

    for (j = 10; j < 15; j++) {
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}
Încearcă - l singur »

Pagini similare

JavaScript Tutorial: JavaScript pentru Buclă

JavaScript Referință: JavaScript pentru ... în Declarația

Referință JavaScript: JavaScript instructiune break

JavaScript Referință: JavaScript continua Declarație

JavaScript Referință: JavaScript while


<JavaScript Declarațiile de referință