Javascript >> For

O for funciona praticamente da mesma forma que o while servindo também para repetir um determinado código por várias vezes, a diferença é que no for possuímos uma variável que utilizamos para controlar a quantidade de repetições. Veja um exemplo de instrução for:

<script> for (var i=0; i<5; i++) {     alert("Repeticao Nº " + i); } </script>

No exemplo assima, primeiro, declaramos uma variável “i” como 0 (primeira instrução do for). A segunda instrução do for define a condição utilizada no loop do comando, em nosso caso, enquanto essa variável "i" tiver um valor menor que 5 "i < 5", ela executa o código dentro da chaves do for. Após cada execução do loop executamos a terceira instrução do for, em nosso caso, acrescentamos 1 ao valor da variável “i” ( “i++”). Após cinco loops, a variável "i" chega ao valor de 5, e o loop para. A variável “i” é destruída logo depois, pois só existe no escopo do “for()” uma ves que ela foi declarada no mesmo.

Sendo assim ao contrário do while onde passamos apenas um condicional dentro do parênteses do comando, no for passamos ...

1º - A inicialização da variável de controle a ser utilizada no for. Ela pode ser declarada e inicializada no for (só existirá no escopo do for) ou podemos utilizar uma variável declarada previamente e assim ao sairmos do for esta variável irá ter o último valor possível para a mesma na estrutura do for.

2º - A condição de repetição do for.

3º - A modificação sofrida pela variável de controle sempre que terminarmos a execução de um loop do for.

O for é geralmente muito utilizado quando precisamos percorrer todas as posições de um array para em cada posição executar uma mesma operação. Usando a propriedade pré-definida em variáveis array “.length”, temos a quantidade de elementos no array, e podemos com ela montar a condicional do loop “for” para que a variável “i” nos ajude a recuperar o valor de cada posição: Ex:

<script>
for (var i=0; i < theArray.length; i++) {
    alert(“Valor do array theArray na posição “ + i + “ é igual a: “ + theArray[i]);
}
</script>