Nesta aula, vamos ver como podemos desenvolver programas JavaScript que se repetem. Mais do que desenvolver programas sequências e com desvios de decisão de quais blocos de comandos serão executados, para simplificar os programas JavaScript, utilizamos estruturas de repetição.

Em todas as estruturas de repetição, há três informações importantes que precisam ser consideradas: a inicialização de uma variável de controle para garantir que a entrada na estrutura de repetição aconteça adequadamente; a condição para garantir a saída da estrutura de repetição; e a atualização da variável de controle para garantir que a estrutura de repetição não fique no que a gente chama de loop infinito.

Repetição for, while e do/while em JavaScript

Temos a estrutura de repetição do while, que é utilizada quando precisamos verificar se uma condição é verdadeira para entrar e continuar na estrutura de repetição do while, como segue:

<inicialização da variável de controle>;
while (<condição>) {
	<comandos>;
	<atualização da variável de controle>;
}

Por exemplo:

var x = 0;
while (x<5) {
	document.write ("O valor de x é: " + x);
	x = x + 1;
}

O resultado da execução deste programa JavaScript fica:

Temos a estrutura de repetição do do/while, que é utilizada quando precisamos executar os comandos da estrutura de repetição, pelo menos uma vez, independente se a condição for verdadeira ou falsa, como segue:

<inicialização da variável de controle>;
do{
	<comandos>;
	<atualização da variável de controle>;
}while (<condição>);

Por exemplo:

var x = 0;
do {
	document.write ("O valor de x é: " + x);
	x = x + 1;
}while (x<5);

O resultado da execução deste programa JavaScript, fica:

No JavaScript, temos a estrutura de repetição do for, que é utilizada quando sabemos a quantidade de repetições que serão executadas, como segue:

for (<inicialização>; <condição>; <atualização> )
<comandos>

Por exemplo:

var x;
for (x=0 ; x<5 ; x++){
	document.write ("O valor de x é: " + x);
};

O resultado da execução do programa JavaScript, fica: