Loop While do JavaScript

Enquanto a condição for verdadeira, o laço continuará a executar o bloco de código.

Laço While

O laço while continuará a executar o bloco de código enquanto a condição especificada for verdadeira.

Sintaxe

while (Condição) {
    Bloco de código a ser executado
}

Exemplo

No exemplo a seguir, o código dentro do laço será executado repetidamente, enquanto a variável (i) for menor que 10:

while (i < 10) {
    text += "O número é " + i;
    i++;
}

Experimente você mesmo

Se você esquecer de incrementar a variável usada na condição, o laço nunca terminará. Isso pode levar ao travamento do navegador.

Laço Do/While

O laço do/while é uma variação do laço while. Este laço executa o bloco de código uma vez antes de verificar se a condição é verdadeira, e repetirá o ciclo enquanto a condição for verdadeira.

Sintaxe

do {
    Bloco de código a ser executado
}
while (Condição);

Exemplo

O exemplo a seguir utiliza a estrutura de laço do/while. Este laço executará pelo menos uma vez, mesmo que a condição seja falsa, porque o bloco de código será executado antes de a condição ser testada:

do {
    text += "O número é " + i;
    i++;
 }
while (i < 10);

Experimente você mesmo

while (i < 10);

Não se esqueça de incrementar a variável usada na condição, ou o loop nunca terminará!

Comparação entre For e While

O loop neste exemplo usa Se você já leu o capítulo anterior sobre loops, você notará que o loop while é muito semelhante ao loop for, onde as sentenças 1 e 2 podem ser omitidas.Para extrair as marcas de carros do array cars:

Exemplo

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Loop For
    text += cars[i] + "<br>";
    i++;
}

Experimente você mesmo

O loop neste exemplo usa Loop WhilePara extrair as marcas de carros do array cars:

Exemplo

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

Experimente você mesmo

Livros didáticos

Para mais informações sobre Sentença while em JavaScriptPara obter mais informações sobre o conhecimento, leia o conteúdo relevante no tutorial avançado de JavaScript:

Sentenças Iterativas do ECMAScript
Sentenças Iterativas, também chamadas de sentenças de loop. Esta seção apresenta as quatro sentenças de loop fornecidas pelo ECMAScript.