Instrução while do JavaScript

Definição e uso

A instrução while cria um loop que é executado enquanto a condição especificada for verdadeira.

Enquanto a condição for verdadeira, o loop continuará a executar. Ele só parará quando a condição se tornar falsa.

JavaScript suporta diferentes tipos de loops:

  • for - Loopa um bloco de código várias vezes
  • for/in - Loopa sobre as propriedades de um objeto
  • for/of - Loopa sobre os valores de um objeto iterável
  • while - Loopa um bloco de código enquanto a condição especificada for verdadeira
  • do/while - Executa um bloco de código uma vez e, em seguida, repete o loop quando a condição especificada for verdadeira

Dica：Use a instrução break para sair do loop e a instrução continue para pular algum valor no loop.

Exemplo

O bloco de código será repetido enquanto a variável (i) for menor que 5：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>O número é " + i;
  i++;
}

Experimente você mesmo

Mais exemplos TIY no rodapé da página.

Sintaxe

while (condition) {
  bloco de código a ser executado
}

Valores dos parâmetros

Parâmetros Descrição
condition

Obrigatório. Define a condição para a execução do loop (bloco de código). Se retornar true, o loop começará novamente, se retornar false, o loop terminará.

Notas：Se a condição sempre for verdadeira, o loop nunca terminará. Isso pode fazer com que seu navegador travasse.

Notas：Se você usar uma variável com condição, inicialize-a antes do loop e aumente-a dentro do loop. Se você esquecer de aumentar a variável, o loop nunca terminará. Isso também pode fazer com que seu navegador travasse.

Detalhes técnicos

Versão do JavaScript： ECMAScript 1

Mais exemplos

Exemplo

O loop percorre os índices do array, coletando nomes de carros do array cars：

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

Explicação do exemplo：

  1. Primeiro, configuramos uma variável antes do início do loop (var i = 0;)
  2. Primeiro, definimos a condição de execução do loop. O loop continuará enquanto a variável for menor que o comprimento do array (ou seja, 4)
  3. A variável é incrementada (i++) a cada execução do loop
  4. Assim que a variável não for menor que 4 (o comprimento do array), a condição é falsa, o loop termina

Experimente você mesmo

Exemplo

Loop de array de índice para trás：

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

Experimente você mesmo

Exemplo

Uso da instrução break - bloco de código de loop, mas sai do loop quando o valor da variável i for "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>O número é " + i;
  i++;
  if (i == 3) {
    break;
  }
}

Experimente você mesmo

Exemplo

Uso da instrução continue - bloco de código de loop, mas pula o valor "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>O número é " + i;
}

Experimente você mesmo

Suporte do navegador

instrução Chrome IE Firefox Safari Opera
while Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Tutorial de JavaScript：Loop While JavaScript

Manual de referência JavaScript:Sentença do ... while JavaScript

Manual de referência JavaScript:Sentença for JavaScript

Manual de referência JavaScript:Sentença break JavaScript

Manual de referência JavaScript:Sentença continue JavaScript