Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript pętli while


Pętle mogą wykonywać blok kodu tak długo, jak określony warunek jest spełniony.


While Loop

while pętla pętle przez blok kodu tak długo, jak określony warunek jest spełniony.

Składnia

while ( condition ) {
    code block to be executed
}

Przykład

W poniższym przykładzie, kod w pętli zostanie uruchomiony, kółko, tak długo, jak zmienne (i) wynosi mniej niż 10:

Przykład

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Spróbuj sam "

Pominięcie zwiększyć zmienną używaną w stanie, pętla nigdy się nie skończy. Spowoduje to awarię przeglądarki.


Do/While Loop

do/while pętla jest odmianą pętli while. Ta pętla wykona blok kodu raz, przed sprawdzeniem, czy warunek jest spełniony, to będzie powtórzyć pętli dopóki warunek jest prawdziwy.

Składnia

do {
    code block to be executed
}
while ( condition );

Przykład

Poniższy przykład używa do/while pętli. Pętla będzie zawsze być wykonywane co najmniej raz, nawet jeśli warunek jest fałszywy, ponieważ blok kod jest wykonywany przed warunek jest testowany:

Przykład

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);
Spróbuj sam "

Nie zapomnij zwiększyć zmienną używaną w stanie, w przeciwnym wypadku pętla nigdy się nie skończy!


Porównując for i while

Jeśli przeczytałeś poprzednim rozdziale, o pętli for, można odkryć, że pętla while jest taka sama jak dla pętli, z oświadczeniem 1 oraz oświadczenie 3 pominięte.

Pętla w tym przykładzie używa pętli for, aby zebrać nazwiska samochód z gamy samochodów:

Przykład

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
Spróbuj sam "

Pętla w tym przykładzie używa while pętli zbierać nazwiska samochód z gamy samochodów:

Przykład

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
Spróbuj sam "

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 »