Pętla While JavaScript

Pętla będzie wykonywać blok kodu, o ile warunek jest prawdziwy.

Pętla While

Pętla while będzie powtarzać blok kodu, o ile określony warunek jest prawdziwy.

schemat

while (warunek) {
    blok kodu do wykonania
}

Przykład

W poniższym przykładzie kod w pętli będzie uruchamiany raz po raz, o ile zmienna (i) jest mniejsza niż 10:

while (i < 10) {
    text += "Liczba to " + i;
    i++;
}

Spróbuj sam

Jeśli zapomnisz zwiększyć zmienną używaną w warunku, pętla nigdy się nie zakończy. Może to spowodować awarię przeglądarki.

Pętla Do/While

Pętla do/while jest wariantem pętli while. Taka pętla wykona raz blok kodu przed sprawdzeniem warunku, a następnie będzie powtarzać pętlę, o ile warunek jest prawdziwy.

schemat

do {
    blok kodu do wykonania
}
while (warunek);

Przykład

Poniższy przykład używa pętli do/while. Pętla ta wykona się przynajmniej raz, nawet jeśli warunek jest fałszywy, ponieważ blok kodu zostanie wykonany przed testem warunku:

do {
    text += "Liczba to " + i;
    i++;
 }
while (i < 10);

Spróbuj sam

while (i < 10);

Nie zapomnij zwiększyć zmiennej używanej w warunku, w przeciwnym razie pętla nigdy się nie zakończy!

Porównanie For z While

W tym przykładzie pętla używa Jeśli przeczytałeś wcześniejsze rozdziały dotyczące pętli, zauważysz, że pętla while jest bardzo podobna do pętli for, gdzie wyrażenia 1 i 2 mogą być pominięte.Aby wydobyć marki samochodów z tablicy cars, użyj poniższego przykładu:

Przykład

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Pętla for
    text += cars[i] + "<br>";
    i++;
}

Spróbuj sam

W tym przykładzie pętla używa Pętla whileAby wydobyć marki samochodów z tablicy cars, użyj poniższego przykładu:

Przykład

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

Spróbuj sam

książki pozakurczowej

Więcej informacji na temat Wyrażenie while JavaScriptDla więcej informacji na temat

Wyrażenia iteracyjne ECMAScript
Wyrażenia iteracyjne, zwane również pętlami, to wyrażenia, które przedstawiają cztery rodzaje pętli dostarczanych przez ECMAScript. W tym rozdziale omówimy te wyrażenia.