O Em Busca do Código é um site em formato de plataforma de ensino a distância (EAD), totalmente aberta e gratuita.

Aprendendo e ensinando, essa é a minha regra para mim.

Publicado dia 20 de março de 2017.

Compre um adesivo do Em Busca do Código.

Publicidade

Publicidade

Publicidade

While e do while em JavaScript. Dica 16

Nesta dica nós vemos exemplos de while (tabuada) e do while (soma simples) em JavaScript.

O exemplo de do while é baseado no material aberto da Fundação Mozilla.

Assista ao vídeo:

do while

O do while cria um laço que executa uma declaração e testa essa declaração até ela for falsa.

Em nosso exemplo de do while nós criaremos uma variável de valor 0 (zero).

var i = 0;

E agora sim começamos o nosso do while.

var i = 0;

do {

}

Nós faremos o nosso do while somar 1 em nossa variável até ela ser menor que 10.

i += 1;
document.write(i + ' ');

Publicidade

"Fazer" i += 1; é igual "fazer" i = i + 1;. Que é somar o valor da variável o valor dela mesma mais 1, até terminar o laço, até isso começar a ser falso.

E como termina esse laço?

Com o while.

} while (i < 10);

Conferindo o resultado vemos que o último valor é 10. Isso acontece porque quando a variável i for 9, soma-se + 1.

while

Publicidade

Nosso exemplo de while é uma tabuada, e faremos essa tabuada com 3 variáveis.

var n = 0;
var resultado;
var tabu = 5;

Para maiores informações sobre essas variáveis por favor assistir ao vídeo.

A grande diferença entre o do while e o while, é que no while a condição é informada antes da rotina.

while (n < 10) {
    n++;
    resultado = n * tabu;
    document.write("<p>"+tabu+" x "+n+" = "+resultado+"</p>");
}

Se tem acompanhado essas dicas você já sabe que esse estilo de document.write é somente para deixa-lo mais bonitinho.

Publicidade

Código fonte JavaScript (completo)

var i = 0;

do {
    i += 1;
    document.write(i +' ');
} while (i < 10);
   
   
   
document.write("</br></br>");

var n = 0;
var resultado;
var tabu = 7;

while (n < 10) {
    n++;
    resultado = n * tabu;
    document.write("<p>"+tabu+" x "+n+" = "+resultado+"</p>");
}

Publicidade

Dica

Algo que sempre digo na hora desta dica é para que se altere o nome das variáveis, mas o interessante mesmo no caso de while e do while em JavaScript é retirar parte do código fonte e ver o resultado, boa sorte :)

Espero que esta dica tenha sido útil.

Exemplo da Fundação Mozilla de do while
Exemplo da Fundação Mozilla de while

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.