tutoriais mais recente desenvolvimento web
 

JavaScript while loop


Loops pode executar um bloco de código enquanto uma condição especificada é verdadeira.


A While loop

A while laço laços através de um bloco de código enquanto uma condição especificada é verdadeira.

Sintaxe

while ( condition ) {
    code block to be executed
}

Exemplo

No exemplo a seguir, o código do ciclo será executado, uma e outra vez, desde que uma variável (i) é inferior a 10:

Exemplo

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Tente você mesmo "

Se você esquecer de aumentar a variável usada na condição, o loop nunca vai acabar. Isto irá travar o seu browser.


A Do/While loop

A do/while de loop é uma variante do loop while. Este loop será executado o bloco de código uma vez, antes de verificar se a condição for verdadeira, então ele vai repetir o ciclo enquanto a condição é verdadeira.

Sintaxe

do {
    code block to be executed
}
while ( condition );

Exemplo

O exemplo abaixo usa um do/while loop. O loop será sempre executado pelo menos uma vez, mesmo se a condição for falsa, porque o bloco de código é executado antes que a condição é testada:

Exemplo

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);
Tente você mesmo "

Não se esqueça de aumentar a variável usada na condição, caso contrário, o loop nunca vai acabar!


Comparando Por e While

Se você leu o capítulo anterior, sobre o loop for, você vai descobrir que um loop while é o mesmo que um loop, com a declaração 1 e declaração de 3 omitido.

O loop neste exemplo usa um loop for para recolher os nomes de carro a partir da matriz carros:

Exemplo

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
Tente você mesmo "

O loop neste exemplo usa um while loop para recolher os nomes de carro a partir da matriz carros:

Exemplo

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4» Exercício 5 »