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

Tutorial básico do JavaScript

Objeto do JavaScript

Função do JavaScript

HTML DOM do JS

BOM do navegador JS

Tutorial básico de AJAX

Manual de referência do JavaScript

Loop While do JavaScript

Enquanto a condição especificada for verdadeira, o código pode ser executado no bloco.

Loop while

O loop while executará as instruções especificadas enquanto o valor da condição for verdadeiro.

A sintaxe do loop while é a seguinte:

while (condition) { // Execute o código enquanto a condição for verdadeira}
var n = 0;
while (n < 5) {
   document.write("<br>Este número é " + n);
   n++;
}
Teste veja‹/›

Atenção:Se você quiser usarCondiçãoSe você usar uma variável com

Loop infinito

UmLoop infinitoEm nome de tudo, é um loop que continuará para sempre. Se você acidentalmente causar um loop infinito, pode levar ao crash do navegador ou do computador. É importante reconhecer loops infinitos para que você possa evitá-los.

Quando a condição da instrução while é configurada comotrueNeste caso, ocorrerá um loop infinito comum.

  while (true) {
    // Executar código para sempre
  }

O loop infinito continuará para sempre, mas pode ser interrompido usando a palavra-chave break.

Loop do...while

O loop do...while é uma variante do loop while. Antes de verificar se a condição é verdadeira, esse loop executa o bloco de código uma vez e, enquanto a condição for verdadeira, ele repetirá o loop.

A sintaxe do loop do...while é a seguinte:

do {
// As instruções a serem executadas
}
while (condition);
do {
   document.write("<br>Os números são " + n);
   n++;
}
while (n < 5);
Teste veja‹/›

Não se esqueça de aumentar a variável usada na condição, senão o loop nunca terminará.

Atenção:Mesmo se a condição for false, essa iteração sempre será executada pelo menos uma vez, porque o bloco de código é executado antes do teste de condição:

var n = 5;
do {
   document.write("<br>Os números são " + n);
   n++;
}
while (n < 3);  // false
Teste veja‹/›

A diferença entre o loop while e o loop do ... while

O loop while é diferente do loop do...while de uma maneira importante, pois usa o loop while para testar a condição a ser calculada no início de cada iteração do loop, então, se o resultado da expressão de condição for false, o loop nunca será executado.

Por outro lado, ao usar o loop do ... while, o loop sempre será executado uma vez, mesmo que o resultado da expressão de condição seja false, porque, ao contrário do loop while, a condição é calculada no final da iteração do loop, não no início.

Comparação entre loops For e While

Se você já leu o capítulo anterior sobre o loop for, você notará que o loop while é muito semelhante ao loop for, apenas sem a expressão inicial e final.

Este exemplo usa um loop for para obter o nome da fruta do array fruits:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt += fruits[i] + '<br>';
}
Teste veja‹/›

Este exemplo usa um loop while para obter o nome da fruta do array fruits:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = 0;
enquanto (i < fruits.length) {
 txt += fruits[i] + '<br>';
 i++;
}
Teste veja‹/›