Repetições

As instruções repetitivas serem para fazer executar um bloco de código um determinado número de vezes. A cada repetição chama-se ciclo.

O JavaScript possui 3 tipos de repetições:

• for
• while
• do…while

for

A instrução de repetição for serve para repetir a execução de um bloco de código um número determinado de vezes, com base num contador.

Sintaxe:

for (inicialização; condição; incremento) { 
   bloco de codigo 
}

inicialização: inicialização do contador
a inicialização só é executada uma vez, no inicio da repetição.
condição: condição de paragem da repetição
a condição é verificada no inicio de cada ciclo. Se for falsa, para a repetição.
incremento: incremento do contador
o incremento é executado no final de cada ciclo

Exemplo:

for (var i=0; i<5; i++) { 
   document.write("Numero " + i + "<br>"); 
}

A instrução dá origem a que o código entre chavetas seja repetida 5 vezes.

Na inicialização, a variável i é declarada e inicializada a 0.
Na condição, no inicio de caca ciclo, testa-se se a variável i é menor que 5. Se for, executa o ciclo; senão, não executa o ciclo e termina imediatamente a repetição.
No incremento, a variável i é incrementada de 1 unidade.

while

A repetição while executa um bloco de código enquanto uma condição especificada for verdadeira. Pode executar zero ou mais repetições.

A condição de paragem é verificada no início de cada ciclo.

Sintaxe:

while (condição) { 
   bloco de codigo 
}

Exemplo 1:

No exemplo a seguir, o bloco de código é executado enquanto a variável i for inferior a 5:

let i = 1
while (i<5) { 
   document.write("Numero " + i + "<br>" );
   i++;
}

Exemplo 2:

No exemplo usa-se a instrução de repetição while para mostar os elementos de um array:

cars=["BMW","Volvo","Saab","Ford"]; 

var i=0; 
while (cars[i]) {
   document.write(cars[i] + "<br>"); 
   i++; 
}

do … while

A repetição do … while executa um bloco de código enquanto uma condição especificada for verdadeira. Pode executar uma ou mais repetições.

A condição de paragem é verificada no final de cada ciclo.

Sintaxe:

do { 
   bloco de codigo 
} while (condição);

Exemplo:

do { 
   document.write("Numero " + i + "<br>"); 
   i++; 
} while (i<5);

break

A instrução break é usada para terminar a repetição.

A instrução break interrompe a repetição e salta para a instrução imediatamente a seguir à instrução de repetição (se houver).

Exemplo:

No exemplo a seguir, a repetição é terminada quando o contador i atingir o valor 3:

for (i=0;i<10;i++) { 
   if (i==3) { 
      break; 
   } 

   document.write("Numero " + i + "<br>"); 
}

continue

A instrução continue interrompe uma iteração (na repetição), se uma condição especificada ocorre, e continua com a próxima iteração da repetição.

Exemplo:

No exemplo a seguir, quando o contador i atinge o valor 3, o ciclo é interrompido e inicia o próximo ciclo:

for (i=0;i<=10;i++) { 
   if (i==3) continue; 
   document.write("Numero " + i + "<br>"); 
}