JavaScript - For Loop

O 'for'loop é a forma mais compacta de looping. Inclui as seguintes três partes importantes -

  • o loop initializationonde inicializamos nosso contador com um valor inicial. A instrução de inicialização é executada antes do início do loop.

  • o test statementque testará se uma determinada condição é verdadeira ou não. Se a condição for verdadeira, o código fornecido dentro do loop será executado, caso contrário, o controle sairá do loop.

  • o iteration statement onde você pode aumentar ou diminuir seu contador.

Você pode colocar todas as três partes em uma única linha, separadas por ponto-e-vírgula.

Fluxograma

O fluxograma de um for loop em JavaScript seria o seguinte -

Sintaxe

A sintaxe de for loop é JavaScript é o seguinte -

for (initialization; test condition; iteration statement) {
   Statement(s) to be executed if test condition is true
}

Exemplo

Experimente o seguinte exemplo para aprender como um for loop funciona em JavaScript.

<html>
   <body>      
      <script type = "text/javascript">
         <!--
            var count;
            document.write("Starting Loop" + "<br />");
         
            for(count = 0; count < 10; count++) {
               document.write("Current Count : " + count );
               document.write("<br />");
            }         
            document.write("Loop stopped!");
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Resultado

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped! 
Set the variable to different value and then try...