Loop FOR

O loop FOR se utiliza para repetir mais instruções um determinado número de vezes. Entre todos os loops, o FORcostuma ser utilizado quando sabemos ao certo o número de vezes que queremos que seja executada a sentença. A sintaxe do loop se mostra a seguir:

for (iniciação;condição;atualização) { 
 sentenças a executar em cada repetição 

}
O loop FOR tem três partes incluídas entre os parênteses. A primeira é a iniciação, que se executa somente ao começar a primeira repetição do loop. Nesta parte costuma-se colocar a variável que utilizaremos para levar a conta das vezes que se executa o loop.
A segunda parte é a condição, que se avaliará cada vez que comece a repetição do loop. Contém uma expressão para comprovar quando se deve deter o loop, ou melhor dizendo, a condição que se deve cumprir para que continue a execução do loop.
Por último temos a atualização, que serve para indicar as mudanças que quisermos executar nas variáveis cada vez que termine a interação do loop, antes de comprovar se se deve seguir executando.
Depois do for se colocam as sentenças que queremos que se executem em cada repetição, limitadas entre chaves.
Um exemplo de utilização deste loop pode ser visto a seguir, onde se imprimirão os números do 0 ao 10.

var i 
for (i=0;i<=10;i++) { 
 document.write(i) 
} 

Neste caso se inicia a variável i a 0. Como condição para realizar uma repetição, tem de se cumprir que a variável i seja menor ou igual a 10. Como atualização se incrementará em 1 a variável i.

Como se pode comprovar, este loop é muito potente, já que em uma só linha podemos indicar muitas coisas distintas e muito variadas.
Por exemplo, se queremos escrever os número do 1 ao 1.000 de dois em dois, será escrito o seguinte loop:

 

for (i=1;i<=1000;i+=2) 
 document.write(i)

Se observarmos, em cada repetição atualizamos o valor de i incrementando-lhe em 2 unidades.
Outro detalhe: não utilizamos as chaves englobando as instruções do loop FOR porque só tem uma sentença e neste caso não é obrigatório, tal como acontecia com as instruções do IF.
Se quisermos contar decrescentemente do 343 ao 10 utilizaríamos este loop.

 

 

for (i=343;i>=10;i--) 
 document.write(i)

}
Neste caso decrementamos em uma unidade a variável i em cada repetição.
Exemplo
Vamos fazer uma pausa para assimilar o loop for com um exercício que não implica nenhuma dificuldade se entendemos o funcionamento do loop.
Trata-se de fazer um loop que escreva em uma página web os cabeçalhos desde <H1> até <H6> com um texto que ponha "Cabeçalho de nível x".
O que desejamos escrever em uma página web mediante Javascript é o seguinte:
<H1>Cabeçalho de nível 1</H1> <H2>Cabeçalho de nível 2</H2> <H3> Cabeçalho de nível 3</H3> <H4> Cabeçalho de nível 4</H4> <H5> Cabeçalho de nível 5</H5> <H6> Cabeçalho de nível 6</H6>
Para isso, temos que fazer um loop que comece em 1 e termine em 6 e em cada repetição escreveremos o respectivo cabeçalho.

 

 

for (i=1;i<=6;i++) { 
 document.write("<H" + i + ">Cabeçalho de nível " + i + "</H" + i + ">") 
} 

Este script pode ser visto em funcionamento aqui