English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Função

 Declaração de Sentenças e Variáveis do JavaScript

whileManual de referência do JS DOM

Instrução JavaScript whileCondição(condition)Cria um loop que executa a instrução especificada enquanto o cálculo da condição (condition) for true.

Apenas quandoCondição(condition)Avalia a instrução antes de executá-la. O loop termina quando o cálculo da condição se torna false.

Para executar o bloco de código uma vez e repetir o loop quando a condição especificada for truebreakA instrução termina o loop atual, usandocontinueA instrução pula o valor dentro do loop.

Sintaxe:

while (condition) {
//A instrução é executada
}
var n = 0;
while (n < 5) {
   document.write("<br>The number is " + n);
   n++;
}
Testar e Verificar‹/›

Atenção:Se você quiser usar umaCondição(condition)Varável, inicialize-a antes do loop e aumente-a dentro do loop. Se você esquecer de aumentar a variável, o loop nunca terminará. Isso pode fazer seu navegador travar.

Compatibilidade do navegador

Todos os navegadores suportam completamente a instrução while:

Statement
whileééééé

Valor do parâmetro

ParâmetroDescrição
condition                Expressão avaliada antes de cada iteração do loop. Se o cálculo da condição resultar em true, execute a instrução. Quando o cálculo da condição resultar em false, a execução continuará após o loop while.    Se a condição estiver sempre verdadeira, o loop nunca terminará. Isso pode fazer seu navegador travar.

Detalhes técnicos

Versão do JavaScript:ECMAScript 1

Mais exemplos

Percorre o array em ordem crescente:

var fruits = ['Apple', 'Mango', 'Banana', 'orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
txt +fruits[i] + "<br>";
i++;
}
Testar e Verificar‹/›

Percorre o array em ordem decrescente:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = fruits.length;
while (i != 0) {
i--;
txt +fruits[i] + "<br>";
}
Testar e Verificar‹/›

A função a seguir possui uma instrução break, quando i é3Termina o loop while, então retorna o valor3 * x:

function testBreak(x) {
  var i = 0;
  while (i < 6) {
if (i === 3) {
   break;
}
i++;
  }
  return i * x;
}
Testar e Verificar‹/›

O exemplo a seguir mostra um loop while que possui uma sentença continue, a qual é executada quando o valor de i é3ao executar:

var text = "";
var i = 0;
while (i < 6) {
   i++;
   if (i === 3) {
  continue;
   }
   text += "O número é " + i + "<br>";
}
Testar e Verificar‹/›

Referências Relacionadas

Tutorial do JavaScript:Loop While do JavaScript

Referência do JavaScript:Sentença do JavaScript do tipo do loop do do ... while

Referência do JavaScript:Sentença for do JavaScript

Referência do JavaScript:Sentença break do JavaScript

Referência do JavaScript:Declaração continue do JavaScript

 Declaração de Sentenças e Variáveis do JavaScript