Ejemplo de Bucle While Con JavaScript
En JavaScript, el bucle while es una estructura de control que permite repetir un conjunto de instrucciones mientras se cumpla una condición específica. Este tipo de bucle es especialmente útil cuando no sabes cuántas veces se debe repetir el bucle, pero sí conoces la condición para continuar o detener la ejecución. A continuación, se presentan algunos ejemplos prácticos del uso de bucles while en JavaScript.
En JavaScript, hay dos tipos principales de bucle while: el bucle while y el bucle do...while. Ambos bucles ejecutan un bloque de código mientras se cumple una condición específica. La principal diferencia entre ellos radica en cuándo se evalúa la condición. Veamos ejemplos:
- Sigue con: Bucle for en JavaScript
Contenido del artículo
1. Bucle while
En este tipo de bucle, la condición se evalúa antes de ejecutar el bloque de código. Si la condición es verdadera, el bloque de código se ejecuta. Si la condición es falsa desde el principio, el bloque de código nunca se ejecuta.
Un bucle while ejecuta un bloque de código mientras una condición específica sea verdadera. La estructura básica de un bucle while es la siguiente:
while (condición) { // Código a ejecutar}
Ejemplo de bucle while para imprimir números
Imagina que deseas imprimir en pantalla los números del 1 al 100 utilizando un bucle while. Aquí tienes un ejemplo de cómo hacerlo:
<html lang="es"><head> <title>Ejemplo de bucle while</title></head><body> <h1>Ejemplo de bucle while</h1> <div id="resultado"></div><script type="text/javascript"> let contador = 1; let resultado = document.getElementById("resultado");while (contador <= 100) { resultado.innerHTML += contador + "<br>"; contador++; } </script></body></html>
2. Bucle do... while
El bucle do...while es similar al bucle while, pero con una diferencia clave: en un bucle do...while, el bloque de código se ejecuta al menos una vez, incluso si la condición es falsa desde el principio. La estructura básica de un bucle do...while es la siguiente:
do { // Código a ejecutar} while (condición);
Ejemplo de bucle do...while
Supongamos que queremos imprimir en pantalla los números del 1 al 5 utilizando un bucle do...while. Aquí tienes un ejemplo de cómo hacerlo:
<html lang="es"><head><title>Ejemplo de bucle do...while</title></head><body> <h1>Ejemplo de bucle do...while</h1> <div id="resultado"></div><script type="text/javascript"> let contador = 1; let resultado = document.getElementById("resultado");do { resultado.innerHTML += contador + "<br>"; contador++; } while (contador <= 5); </script></body></html>
En resumen, los bucles while y do...while son estructuras de control para realizar tareas repetitivas. Aunque suelen ser similares en funcionamiento, la diferencia clave es que el bucle do...while garantiza que el bloque de código se ejecute al menos una vez, independientemente de la condición.
¿Cómo citar? & Del Moral, M. (s.f.). Ejemplo de Bucle While Con JavaScript.Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/24-javascript/121-ejemplo_de_bucle_while_con_javascript.html