JavaScript - For Loop

Los 'for'bucle es la forma más compacta de bucle. Incluye las siguientes tres partes importantes:

  • los loop initializationdonde inicializamos nuestro contador a un valor inicial. La instrucción de inicialización se ejecuta antes de que comience el ciclo.

  • los test statementque probará si una condición dada es verdadera o no. Si la condición es verdadera, entonces se ejecutará el código dado dentro del ciclo; de lo contrario, el control saldrá del ciclo.

  • los iteration statement donde puede aumentar o disminuir su contador.

Puede poner las tres partes en una sola línea separadas por punto y coma.

Diagrama de flujo

El diagrama de flujo de un for bucle en JavaScript sería el siguiente:

Sintaxis

La sintaxis de for bucle es JavaScript es el siguiente:

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

Ejemplo

Pruebe el siguiente ejemplo para aprender cómo for bucle funciona en 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>

Salida

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...