Un bucle while en Javascript es una declaración de flujo de control que permite que el código se ejecute repetidamente en función de la condición booleana dada. El ciclo while se puede considerar como una declaración if repetida.
El bucle se puede utilizar para ejecutar el bloque de código específico varias veces hasta que no cumpla la condición.
Existen principalmente dos tipos de bucles:
- Bucles controlados de entrada : en este tipo de bucle, la condición de prueba se prueba antes de ingresar al cuerpo del bucle. For Loop y While Loop son bucles controlados por entrada.
- Bucles controlados de salida : en este tipo de bucle, la condición de prueba se prueba o evalúa al final del cuerpo del bucle. Por lo tanto, el cuerpo del bucle se ejecutará al menos una vez, independientemente de si la condición de prueba es verdadera o falsa. el ciclo do-while es un ciclo controlado por salida.
Sintaxis:
while (condition) {
// Statements
}
Ejemplo: Este ejemplo ilustra el uso de un ciclo while.
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript While loop</title>
</head>
<body style="text-align:center;">
<div>
<h1>GeeksForGeeks</h1>
<h2>JavaScript While Loop</h2>
</div>
<p id="GFG"></p>
<!-- Script to use while loop -->
<script>
var print = "";
var val = 1;
while(val < 6) {
print += "Geeks " + val;
print += "<br>"
val += 1;
}
document.getElementById("GFG").innerHTML = print;
</script>
</body>
</html>
Producción:
mientras bucle
Bucle do-while: un bucle do-while es una declaración de flujo de control que ejecuta un bloque de código al menos una vez y luego ejecuta repetidamente el bloque o no, dependiendo de una condición booleana dada al final del bloque.
Sintaxis:
do {
// Statements
}
while (condition);
Ejemplo: Este ejemplo ilustra el uso del bucle do-while.
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript While loop</title>
</head>
<body style="text-align:center;">
<div>
<h1>GeeksforGeeks</h1>
<h2>JavaScript Do-while Loop</h2> </div>
<p id="GFG"></p>
<!-- Script to use do-while loop -->
<script>
var print = ""
var val = 0;
do {
print += "Geeks " + val;
print += "<br>";
val += 1;
}
while (val < 6);
document.getElementById("GFG").innerHTML = print;
</script>
</body>
</html>
Producción:
Bucle Do-while
Comparación entre el ciclo while y do-while: El ciclo do-while ejecuta el contenido del ciclo una vez antes de verificar la condición del ciclo while. Mientras que el bucle while comprobará primero la condición antes de ejecutar el contenido.
|
Mientras bucle |
Bucle Do-While |
|---|---|
|
Es una estructura de bucle de condición de entrada. |
Es una estructura de bucle de condición de salida. |
|
El número de iteraciones depende de la condición mencionada en el bloque while. |
Independientemente de la condición mencionada en el bloque do-while, habrá un mínimo de 1 iteración. |
|
La condición de control de bloque está disponible en el punto de inicio del bucle. |
La condición de control de bloque está disponible en el punto final del bucle. |
Ejemplo: Este ejemplo ilustra los bucles while y do-while.
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript loop</title>
</head>
<body style="text-align:center;">
<div>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>JavaScript Loop</h2> </div>
<h3>While Loop</h3>
<p id="GFG"></p>
<!-- Script to use while loop -->
<script>
var text = "";
var i = 1;
while(i < 6) {
text += "Geeks " + i + "<br>";
i++;
}
document.getElementById("GFG").innerHTML = text;
</script>
<h3>Do While Loop</h3>
<p id="GFG1"></p>
<!-- Script to use do-while loop -->
<script>
var text = ""
var i = 1;
do {
text += "Geeks " + i + "<br>";
i++;
}
while (i < 6);
document.getElementById("GFG1").innerHTML = text;
</script>
</body>
</html>
Producción:
Bucle de Javascript
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA