Breaking News

JavaScript - For Loop

JavaScript - For Loop




El bucle ' for ' es la forma más compacta de bucle. Incluye las siguientes tres partes importantes:
  • La inicialización del bucle donde inicializamos nuestro contador a un valor inicial. La instrucción de inicialización se ejecuta antes de que comience el ciclo.
  • La declaración de prueba que probará si una condición dada es verdadera o no. Si la condición es verdadera, se ejecutará el código proporcionado dentro del bucle, de lo contrario, el control saldrá del bucle.
  • La declaración de iteración donde puede aumentar o disminuir su contador.
Puedes poner las tres partes en una sola línea separadas por punto y coma.

Diagrama de flujo

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



Sintaxis

La sintaxis de for loop es JavaScript es la 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 funciona un bucle for 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...

No comments