JavaScript es un lenguaje de programación que tiene sus propias reglas y lógicas para ayudarnos a establecer comunicación con la máquina. Uno de los elementos de la sintaxis en JavaScript son los bucles, los cuales nos permiten ejecutar una misma acción repetidas veces. En este post, te enseñaremos cómo crear un bucle do-while en JavaScript para que puedas crear bucles dependientes de una situación.
¿Cuáles son los componentes de un bucle do-while en JavaScript?
El bucle do-while en JavaScript se compone de las palabras clave do y while. Como su traducción indica, este bucle define que una acción se ejecuta (do) mientras que una variable o situación sea cierta (while).
Para escribir un bucle do-while en JavaScript, debemos separar estas dos palabras clave por la acción que queremos realizar, descrita entre llaves { }. Después del while, escribimos entre paréntesis el criterio que define si la acción se realiza. Entonces, un bucle de este tipo se escribe de la siguiente manera:
do {
// dentro del loop
} while (//criterio a definir)
Para definir el criterio del que depende la existencia del bucle, podemos utilizar variables como la que vemos a continuación:
let i = 1
A partir de esta variable, podemos definir que el criterio es que i debe ser menor que 10 para que el bucle ocurra. El bucle que definimos en este caso es que el sistema pinte The value of i is.
do {
console.log (‘The value of i is ${i}‘)
} while (i < 10)
El problema con el bucle que hemos pintado es que será infinito. Lo que hará este bucle es pintar el string que hemos definido, luego evaluar si el while sucede y repetir. Entonces, lo que obtendríamos serían cadenas de caracteres infinitas, pues el valor de i siempre será menor a 10.
Para solucionar esto, podemos añadir uno de los operadores aritméticos de JavaScript: un incremento. Esto nos ayudará a que, cada vez que se repita el bucle do-while en JavaScript, el valor de i se incremente en una unidad:
do {
console.log (‘The value of i is ${i}‘);
i++;
} while (i < 10)
Esto no solo hará que las cadenas de caracteres sean diferentes, sino también creará un momento en el que el bucle se detenga, pues i llegará a ser 10 eventualmente.
Si quieres experimentar con un bucle do-while en JavaScript pero no te sientes preparado para crear el tuyo propio, te invitamos a jugar con la demostración de este bucle en la Mozilla Developer Network.
Ahora que sabes cómo crear un bucle do-while en JavaScript, el siguiente paso en tu camino para ser un experto en desarrollo web es practicar lo que aprendes. ¿Y qué mejor espacio para unir la teoría con la práctica que una formación intensiva? En nuestro Desarrollo Web Full Stack Bootcamp, aprenderás, entre muchas otras cosas, todo lo necesario para convertirte en un desarrollador web experto. ¡Da el siguiente paso y matricúlate!
