Breaking News

Home / JavaScript Basico / While Loops

While Loops

July 05, 2018

JavaScript - While Loops

Mientras escribe un programa, puede encontrar una situación en la que necesite realizar una acción una y otra vez. En tales situaciones, necesitaría escribir declaraciones de bucle para reducir el número de líneas.
JavaScript admite todos los bucles necesarios para disminuir la presión de la programación.

Mientras tanto, Loop


El ciclo más básico en JavaScript es el ciclo while que se tratará en este capítulo. El propósito de un bucle whilees ejecutar una instrucción o bloque de código repetidamente siempre que una expresión sea verdadera. Una vez que la expresión se vuelve falsa, termina el ciclo.

Diagrama de flujo

El diagrama de flujo de while loop se ve de la siguiente manera:

Sintaxis


La sintaxis de while loop en JavaScript es la siguiente:
while (expression){
   Statement(s) to be executed if expression is true
}

Ejemplo

Pruebe el siguiente ejemplo para implementar while loop.
<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var count = 0;
            document.write("Starting Loop ");
         
            while (count <10){
               document.write("Current Count : " + count + "<br />");
               count++;
            }
         
            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...

The do... while Loop

El bucle do... while es similar al bucle while excepto que la comprobación de condición se produce al final del bucle. Esto significa que el ciclo siempre se ejecutará al menos una vez, incluso si la condición es falsa .

Diagrama de flujo


El diagrama de flujo de un bucle do-while sería el siguiente:

Sintaxis

La sintaxis para el bucle do-while en JavaScript es la siguiente:
do{
   Statement(s) to be executed;
} while (expression);
Nota : no te pierdas el punto y coma usado al final del ciclo do... while.

Ejemplo


Pruebe el siguiente ejemplo para aprender cómo implementar un bucle do-while en JavaScript.
<html>
   <body>
   
      <script type="text/javascript">
         <!--
            var count = 0;
            
            document.write("Starting Loop" + "<br />");
            do{
               document.write("Current Count : " + count + "<br />");
               count++;
            }
            
            while (count <5);
            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
Loop Stopped!
Set the variable to different value and then try...

No comments

Subscribe to: Post Comments ( Atom )