Mientras que haz ... mientras bucle en JavaScript

Mientras que haz ... mientras bucle en JavaScript
Si está aprendiendo a convertirse en programador, debe saber este hecho de que uno de los conceptos de programación más utilizados es el bucle o Bucles. Los bucles están disponibles en cada lenguaje de programación y se puede decir que no hay lenguaje de programación completo sin proporcionar la funcionalidad del bucle. Pero, ¿qué es exactamente un bucle??

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)

// cuerpo del bucle while

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);
consola.log (2);
consola.log (3);
consola.log (4);
consola.log (5);
consola.log (6);
consola.log (7);
consola.log (8);
consola.log (9);
consola.log (10);

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;
mientras yo<= 10)
consola.log (i);
i ++;

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;
mientras (valor)

consola.log ("Soy el cuerpo del bucle while");

consola.log ("final del programa");

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:

hacer
// cuerpo del bucle aquí

mientras (condición);

Funcionamiento 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;
hacer
consola.log (i);
i ++;

mientras yo<= 10);

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;
hacer
consola.log ("Esto está dentro del cuerpo del bucle de hacer mientras");

mientras (valor);
consola.log ("Esto está fuera del cuerpo del bucle");

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.