JavaScript durante o loop
Exemplo
Faça um loop em um bloco de código enquanto ai for menor que 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Faça um loop (itere sobre) um array para coletar nomes de carros:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- O loop começa na posição 0 (
let i = 0). - O loop é incrementado
ipara cada execução (i++). - O loop é executado enquanto
i < cars.length.
Mais exemplos abaixo.
Definição e uso
A whileinstrução cria um loop (ao redor de um bloco de código) que é executado enquanto uma condição é
true.
O loop é executado enquanto a condição é true. Caso contrário, ele pára.
Veja também:
Instruções de loop JavaScript
| Declaração | Descrição | |
| pausa | Sai de um loop | |
| Prosseguir | Ignora um valor em um loop | |
| enquanto | Faz um loop em um bloco de código enquanto uma condição é verdadeira | |
| fazer enquanto | Faz um loop em um bloco de código uma vez e, em seguida, enquanto uma condição for verdadeira | |
| por | Faz um loop em um bloco de código enquanto uma condição é verdadeira | |
| para de | Faz um loop nos valores de qualquer iterável | |
| para... em | Faz um loop nas propriedades de um objeto |
Sintaxe
while (condition) {
code block to be executed
}
Parâmetros
| 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. |
Observação
Se a condição for sempre verdadeira, o loop nunca terminará. Isso irá travar seu navegador.
Se você usar uma variável na condição, deverá inicializá-la antes do loop e incrementá-la dentro do loop. Caso contrário, o loop nunca terminará. Isso também irá travar seu navegador.
Mais exemplos
Faça um loop sobre uma matriz em ordem decrescente (incremento negativo):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Usando break - Faça um loop em um bloco de código, mas saia do loop quando i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Usando continue - Percorra um bloco de código, mas pule o valor 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Suporte ao navegador
whileé um recurso ECMAScript1 (ES1).
ES1 (JavaScript 1997) é totalmente suportado em todos os navegadores:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |