JavaScript podczas pętli
Przykład
Zapętl blok kodu, o ile ai jest mniejsze niż 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Zapętl (iteruj) tablicę, aby zebrać nazwy samochodów:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- Pętla zaczyna się w pozycji 0 (
let i = 0). - Pętla zwiększa
isię dla każdego przebiegu (i++). - Pętla działa tak długo, jak
i < cars.length.
Więcej przykładów poniżej.
Definicja i użycie
Instrukcja whiletworzy pętlę (wokół bloku kodu), która jest wykonywana, gdy warunek jest
true.
Pętla działa, gdy warunek jest true. W przeciwnym razie się zatrzyma.
Zobacz też:
Instrukcje pętli JavaScript
| Oświadczenie | Opis | |
| złamać | Wyrywa się z pętli | |
| kontyntynuj | Pomija wartość w pętli | |
| dopóki | Zapętla blok kodu, gdy warunek jest prawdziwy | |
| rób...gdy | Zapętla blok kodu raz, a następnie, gdy warunek jest prawdziwy | |
| dla | Zapętla blok kodu, gdy warunek jest prawdziwy | |
| dla...z | Zapętla wartości dowolnego iterowalnego | |
| dla w | Zapętla właściwości obiektu |
Składnia
while (condition) {
code block to be executed
}
Parametry
| Parameter | Description |
| condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Notatka
Jeśli warunek jest zawsze spełniony, pętla nigdy się nie kończy. Spowoduje to awarię przeglądarki.
Jeśli używasz zmiennej w warunku, musisz zainicjować ją przed pętlą i zwiększyć ją w pętli. W przeciwnym razie pętla nigdy się nie skończy. Spowoduje to również awarię przeglądarki.
Więcej przykładów
Zapętlenie tablicy w kolejności malejącej (przyrost ujemny):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Korzystanie z przerwania — Przeprowadź pętlę przez blok kodu, ale wyjdź z pętli, gdy i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Używanie Continue — Przeprowadź pętlę przez blok kodu, ale pomiń wartość 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Obsługa przeglądarki
whileto funkcja ECMAScript1 (ES1).
ES1 (JavaScript 1997) jest w pełni obsługiwany we wszystkich przeglądarkach:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |