Que es un bucle
El concepto de bucle es bastante sencillo, es decir, ejecutar algunas instrucciones específicas repetidamente para un número fijo de veces o hasta que se cumpla una determinada condición
Hay varios tipos de Bucles disponible en Javascript Pero solo nos vamos a centrar en el Mientras bucle y hacer bucle.
El bucle while
El bucle while repite una porción de código después de verificar una condición, si la condición que se da al bucle while en su parámetro es verdadero, ejecutará el bloque de código colocado dentro de él. De lo contrario, no entrará en el cuerpo. Sin embargo, debemos tener esta cosa en mente. Tener una condición incorrecta o no tener condiciones puede hacer que el bucle se ejecute para siempre y eventualmente bloquee su navegador o su editor de código.
Sintaxis del bucle while
La sintaxis de While Loop en JavaScript es como:
mientras (condición)Funcionamiento de while loop
Para comprender el funcionamiento del bucle While, podemos echar un vistazo al diagrama de flujo a continuación:
Ejemplo
Tomemos un ejemplo en el que desea imprimir desde el número 1 al número 10. Al hacerlo de la manera tradicional, tendremos que usar 10 declaraciones para realizar esta tarea. Las declaraciones se verían algo así:
consola.log (1);La salida se muestra en el fragmento a continuación:
Escribir 10 líneas para imprimir 10 números puede no parecer un gran problema. Sin embargo, imagine que si le asignaran una tarea para imprimir mil números, entonces parecería una tarea realmente grande. Echemos un vistazo a cómo podemos hacer esto usando Mientras que el bucle:
El fragmento de código es como
i = 1;La salida es como:
Hemos realizado esta tarea usando solo 5 líneas. Incluso si quisiéramos imprimir los primeros miles, tendríamos que usar estas 5 líneas exactas y cambiar la condición a:
mientras yo <= 1000)Ahora tenemos una mejor comprensión de cómo funciona el bucle mientras funciona, pero aún no hemos encontrado una base sobre la cual la diferenciaremos del Bucle do-while. Entonces, para eso, intentemos hacer un código que falle la condición en el primer intento. Como esto:
valor = falso;Este programa no da ninguna salida a la consola porque cuando el bucle While verifica la condición y decide que la condición es falsa, por lo tanto, no hay necesidad de entrar en el cuerpo del bucle, es por eso que la línea dentro del bucle no se ejecuta y la línea fuera del bucle se ejecuta. Tal como esto:
Eso es todo para el mientras bucle, tenemos una comprensión clara del funcionamiento del bucle while ahora.
El bucle do-while
El Hacer el bucle es muy similar al Mientras Bucle con la única diferencia es que primero ejecuta el cuerpo del bucle una vez y luego verifica la condición para obtener más iteraciones del bucle.
Tener una condición incorrecta o un valor booleano Verdadero En la condición, el parámetro puede hacer que el bucle se ejecute para siempre y bloquee su sistema.
Sintaxis del bucle do-while
La sintaxis del Hacer El bucle es como:
hacerFuncionamiento del bucle do-while
Para comprender mejor el funcionamiento del bucle de hacer mientras vamos a ver un diagrama de flujo.
Ejemplo
Tomemos el mismo ejemplo de imprimir los primeros 10 números, pero esta vez lo haremos usando el Hacer bucle.
El fragmento de código se da a continuación:
i = 1;La salida es:
El trabajo es, como puede ver, bastante similar al bandeo. Pero, diferenciemos entre ambos bucles tratando de realizar el ejemplo que hicimos en la sección While Loop con una condición que siempre es falsa:
valor = falso;La salida es como:
Como puede ver, estamos ejecutando el comando que estaba presente dentro del cuerpo del bucle a pesar de que la condición nunca fue cierta. Eso se debe a la razón por la que el bucle do-while ejecuta el cuerpo del primero y luego verifica la condición, lo que significa que el código o las instrucciones dentro del cuerpo se ejecutan una vez que no importa la condición regrese.
Conclusión
El mientras y Hacer Los bucles son esenciales para cualquier lenguaje de programación, pero diferenciar entre ellos puede ser un poco confuso. Hemos aprendido cómo funcionan ambos bucles en JavaScript, su sintaxis y sus diferencias. Con esto, esperamos que pueda usar estos conceptos y desarrollar la aplicación de sus sueños en JavaScript.