Introducción a While Loop en Javascript

Hoy nos estamos concentrando en un ciclo while. El bucle no es más que la tarea de hacer repetidamente una y otra vez. Supongamos que tenemos que imprimir algunos no. por ejemplo del 1 al 10. En este escenario, si creemos que tenemos que escribir una declaración de impresión 10 veces por cada no. el código será más y lleva mucho tiempo. Y lo más importante es repetitivo. Al codificar en cualquier idioma, debemos considerar la política DRY. Eso significa que no te repitas (SECO). En este tema, vamos a aprender acerca de While Loop en JavaScript.

Entonces, aquí los bucles entran en escena. En ese bucle while. Si piensa en el idioma inglés simple, lo entenderá mejor. Simple mientras que el significado es al mismo tiempo o para un punto. Lo mismo se aplica aquí también en un lenguaje de programación. Mientras la condición sea verdadera, el código particular se ejecutará.

Mientras que el bucle verifica la condición, ya sea verdadera o falsa. Si la condición es verdadera, simplemente ejecuta el código hasta el punto de interrupción. Si la condición es falsa, no continúa.

Sintaxis:

While(condition)(
// code to execute
)

En un ciclo while, estamos verificando la condición al momento de iniciar el ciclo, por lo que podemos decidir ejecutarlo o no. En un ciclo while, tenemos un bloque de declaraciones. Lo cual solo se ejecutará, la condición especificada en ese bucle es verdadera.

A menudo usamos verdadero como verdadero y falso. Si conoce el concepto binario en programación, será más fácil de entender.

Verdadero y falso son los dos valores utilizados para evaluar la expresión. Mientras verifica la condición y ejecuta el programa, esto será útil.

Mira la siguiente sintaxis para verdadero y falso:

While(true)(
// code will execute
)
While(false)(
// code will not execute
)

Ejemplo

while(true)(
console.log("Hello");
break;
)

Salida:

En el caso de cero, saldremos directamente del bucle.

Ejemplo

var i = 0;
while (i < 10) (
console.log(i);
i++;
)

Salida:

¿Cómo funciona While Loop en Javascript?

El ciclo while es muy simple de entender. Sabemos que los bucles se utilizan en la programación para automatizar las diferentes tareas repetitivas. Pero debemos tomar algunas precauciones en un punto donde no lo estamos aumentando. Para tener una idea más clara sobre esto, revisemos el siguiente ejemplo.

Ejemplo

El siguiente código es con operador de incremento ++.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Salida:

Ahora, veamos un código sin el operador de incremento. Por favor, pruebe el siguiente código.

En JavaScript, debe declarar la variable e inicializarla. Omitir este proceso puede causar errores de tiempo de ejecución en un compilador.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Salida:

Ejecute el código anterior y verá que el código se ejecuta infinitamente.

No hay parada para imprimir el nombre Hola. Para asegurarnos de que debemos obtener un número particular de palabras como salida, debemos usar el operador de incremento o decremento junto con el bucle while

Diagrama de flujo

En general, el bucle se divide en 3 partes.

  1. Inicialización: asignación de valor a la variable
  2. Condición: condición para verificar si es verdadero o falso
  3. Incremento o decremento: estos operadores son útiles para incrementar el ciclo automáticamente o disminuirlo.

Analizaremos de cerca todos estos estados del ciclo en el próximo ejemplo.

La parte importante de cualquier programa es su lógica. Mire cuidadosamente el diagrama de flujo al inicio del programa que necesitamos para inicializar la variable.

La inicialización no es más que asignar un valor a esa variable que se utilizará. Tras la inicialización, es bueno aplicar el ciclo while. en un ciclo while, estamos verificando la condición. por ejemplo, i <= 5. Aquí el ciclo comenzará si la condición es verdadera. Si la condición es falsa, saldremos directamente del ciclo. En general, cuando hablamos de salir del ciclo necesitamos operadores de incremento (++) y decremento (-).

Ejemplos

Pensemos en un ejemplo con el operador de decremento. Hasta ahora hemos visto el ciclo while con operador de incremento (++). Ahora, observaremos el operador de decremento (-). El operador de disminución como nombre sugiere reduce el valor de una variable según el requisito dado. El bucle se detendrá cuando la condición se vuelva falsa.

Ejemplo:

var i=5;
while (i>=1)(
console.log("Hello World");
i--;
)

Salida:

Si ejecuta el programa anterior, encontrará el mismo resultado que lo ha visto con el operador de incremento.

Ejemplo:

fruits = 1;
while (fruits <= 5) (
console.log(fruits + " has to be there");
fruits++;
)
console.log("there are total " + (fruits - 1) + " rounds to market.");

Salida:

Ejemplo: Mientras loop con la matriz

var fruits = ("Apple", "Banana", "Kiwi", "Pinaple");
total = 0;
while (total < fruits.length) (
console.log("There is " + fruits(total)+ " in the basket");
total++;
)

Salida:

Ejemplo

var balance = 0;
var greet = "";
while (balance <= 10) (
greet = greet + "\n I have added $" + balance+ " in my account";
balance ++;
)
console.log(greet);

Salida:

En todos los ejemplos anteriores hemos visto cómo podemos trabajar con un ciclo while. El bucle es posible cuando la condición se vuelve verdadera. Cambia las condiciones. Prueba con afirmaciones verdaderas y falsas. Observe la salida.

Mientras que el ciclo siempre verifica la condición. Si la condición es verdadera, entonces se ejecuta.

Nos salva de hacer un trabajo repetitivo una y otra vez. Así que pruébalo varias veces y ensuciate las manos.

Conclusión

Los bucles juegan un papel importante en la programación. A medida que ayudan a reducir las tareas repetitivas y hacerlo haciéndolo automáticamente. Si tenemos la lógica correcta, el ciclo ahorra mucho tiempo de un programador.

Artículos recomendados

Esta es una guía de While Loop en JavaScript. aquí discutimos cómo funciona el bucle while en Javascript con los ejemplos, el diagrama de flujo y las salidas. También puede echar un vistazo a los siguientes artículos para obtener más información:

  1. Mientras Loop en Java
  2. Bucles en R
  3. Matrices en JavaScript
  4. Bucles en C