JavaScript na oświadczenie

<JavaScript Oświadczenia referencyjny

Przykład

Pętla przez blok kodu pięć razy:

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

Efektem będzie tekst:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Instrukcja for tworzy pętlę, która jest wykonywana dopóki warunek jest prawdziwy.

Pętla będzie nadal działać, dopóki warunek jest prawdziwy. Będzie zatrzymać tylko wtedy, gdy warunek stanie się fałszywy.

JavaScript obsługuje różne rodzaje pętli:

for - pętle przez blok kodu kilka razy
for/in - przechodzi poprzez właściwości obiektu
while - pętle przez blok kodu, podczas gdy określony warunek jest prawdziwy
do /, podczas gdy - pętle przez blok kodu raz, a następnie powtarza się pętli określony warunek jest spełniony

Wskazówka: Użyj przerwa oświadczenie wyrwać się z pętli i kontynuować oświadczenie pominąć wartość w pętli.

Wsparcie przeglądarka

Komunikat
for	tak	tak	tak	tak	tak

Składnia

wartości parametrów

Parametr	Opis
statement1	Opcjonalny. Wykonywane przed pętli (the code block) rozpoczyna. Normalnie to stwierdzenie jest używana do zainicjowania zmiennej licznika. Aby zainicjować wiele wartości, oddziel każdą wartość z przecinkiem. Uwaga: Ten parametr może zostać pominięty. Nie należy jednak pomijać średnik ";"
statement2	Opcjonalny. Określa warunki do prowadzenia pętlę (the code block) . Normalnie to stwierdzenie jest stosowany do oceny stanu zmiennej licznika. Jeśli zwróci true, pętla będzie zacząć od nowa, jeśli zwróci false, pętla się zakończy. Uwaga: Ten parametr może zostać pominięty. Nie należy jednak pomijać średnik ";" , Ponadto, jeśli pominąć ten parametr, należy zapewnić przerwę wewnątrz pętli. W przeciwnym wypadku pętla nigdy się nie skończy, który padnie przeglądarkę
statement3	Opcjonalny. Wykonywana za każdym razem, gdy pętla (blok kodu) zostało wykonane. Normalnie to stwierdzenie jest używany, aby zwiększyć lub zmniejszyć wartość zmiennej licznika. Uwaga: ten parametr może być pominięta (eg to increase/decrease values inside the loop)

Szczegóły techniczne

JavaScript wersja:	1,0

Więcej przykładów

Przykład

Pętli indeksów tablicy zbierać nazwiska samochód z gamy samochodów:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + " ";
}

Spróbuj sam "

Przykład wyjaśniono powyżej:

Po pierwsze, musimy ustawić zmienną przed rozpoczęciem pętli (var i = 0;)
Następnie określamy warunek pętli uruchomić. Pod warunkiem, że zmienna jest mniejsza niż długość tablicy (which is 4) , pętla kontynuować
Za każdym razem, pętla wykonuje, zmienna jest zwiększany o jeden (i++)
Po zmienna jest nie mniej niż cztery (array's length) , warunek nie jest spełniony, a pętla kończy

Przykład

Zainicjować wiele wartości w pierwszym parametrze:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + " ";
}

Spróbuj sam "

Przykład

Pominąć pierwszy parametr (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] + " ";
}

Spróbuj sam "

Przykład

Korzystanie z instrukcji continue - pętla przez blok kodu, ale pominąć wartość "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 continue;
 }
 text += "The number is " + i + " ";
}

Spróbuj sam "

Przykład

Korzystanie z instrukcji break - pętla przez blok kodu, ale wyjść z pętli, gdy zmienna i wynosi "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 break;
 }
 text += "The number is " + i + " ";
}

Spróbuj sam "

Przykład

Pominąć drugi parametr. W tym przykładzie, możemy również skorzystać z przerwy oświadczenie, aby wyjść z pętli, gdy jest równa „3” (jeśli drugi parametr jest pominięty, należy zapewnić przerwę wewnątrz pętli. W przeciwnym wypadku pętla nigdy się nie skończy, a przeglądarka wypadek):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
 if (i == 3) {
 break;
 }
 text += cars[i] + " ";
}

Spróbuj sam "

Przykład

Pętli indeksom tablicą, w porządku malejącym (ujemny przyrost)

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + " ";
}

Spróbuj sam "

Przykład

Pominąć ostatni parametr, a przyrost wartości wewnątrz pętli:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + " ";
i++;
}

Spróbuj sam "

Przykład

Pętli węzłów obiektu NodeList i zmienić kolor tła wszystkich elementów listy:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}

Spróbuj sam "

Przykład

Przykład zagnieżdżonej pętli (a loop inside a loop) :

var text = "";
var i, j;

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

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

Spróbuj sam "