Zdanie while w JavaScript

Definicja i użycie

Zdanie while tworzy pętlę, która jest wykonywana, gdy określona warunek jest prawdziwy.

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

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

  • for - Wiele razy wykonuj blok kodu
  • for/in - Przechodzi przez atrybuty obiektu
  • for/of - Przechodzi przez wartości obiektu iterowalnego
  • while - Pętla, która wykonuje blok kodu, gdy określona warunek jest prawdziwy
  • do/while - Prześlij blok kodu raz, a następnie powtarzaj pętlę, gdy określona warunek jest prawdziwy

Wskazówka:Użyj złożenia break, aby wyjść z pętli, użyj złożenia continue, aby pominąć pewną wartość w pętli.

Przykład

Pętla będzie uruchamiana, o ile zmienna (i) jest mniejsza niż 5:

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

spróbuj sam

Poniżej strony znajdują się więcej przykładów TIY.

Gramatyka

while (condition) {
  blok kodu do wykonania
}

Wartości parametrów

Parametry Opis
condition

Wymagane. Definiuje warunek uruchomienia pętli (bloku kodu). Jeśli zwraca true, pętla zostanie ponownie uruchomiona, jeśli zwraca false, pętla zakończy się.

Komentarz:Jeśli warunek zawsze jest prawdziwy, pętla nigdy nie zakończy się. To spowoduje awarię przeglądarki.

Komentarz:Jeśli używasz zmiennych warunkowych, zainicjuj je przed pętlą i zwiększ w jej obrębie. Zapominając o zwiększeniu zmiennej, pętla nigdy nie zakończy się. To również spowoduje awarię przeglądarki.

Szczegóły techniczne

Wersja JavaScript: ECMAScript 1

Więcej przykładów

Przykład

Pętla przechodzi przez indeksy tablicy, zbierając nazwy samochodów z tablicy cars:

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

Wyjaśnienie przykładu:

  1. Najpierw ustawiamy zmienną przed rozpoczęciem pętli (var i = 0;)
  2. Następnie definiujemy warunek uruchomienia pętli. Pętla będzie kontynuować, o ile zmienna jest mniejsza niż długość tablicy (czyli 4)
  3. Zmienna zwiększa się o 1 (i++) za każdym razem, gdy pętla jest wykonywana
  4. Gdy zmienna przestaje być mniejsza niż 4 (dlugość tablicy), warunek jest fałszywy, pętla kończy się

spróbuj sam

Przykład

Przechodzenie do następnego indeksu tablicy:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

spróbuj sam

Przykład

Użycie złożenia break - blok pętli, ale wyjście z pętli, gdy zmienna i równa się "3":

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

spróbuj sam

Przykład

Użycie złożenia continue - blok pętli, ale pomijanie wartości "3":

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

spróbuj sam

obsługa przeglądarek

złożenie Chrome IE Firefox Safari Opera
while obsługa obsługa obsługa obsługa obsługa

powiązane strony

JavaScript podręcznik:Pętla While JavaScript

Podręcznik referencyjny JavaScript:Zarządzenie do ... while JavaScript

Podręcznik referencyjny JavaScript:Zarządzenie for JavaScript

Podręcznik referencyjny JavaScript:Zarządzenie break JavaScript

Podręcznik referencyjny JavaScript:Zarządzenie continue JavaScript