Para, mientras y hacer mientras BUCLE en JavaGuion con ejemplo
james hartman
⚡ Resumen inteligente
Bucles For, While y Do While en JavaEste script repite un bloque de instrucciones sin duplicar el código. Explica la sintaxis, muestra ejemplos ejecutables con el resultado esperado, añade las formas for-in y for-of, y aborda las instrucciones break, continue y la prevención de bucles infinitos.
¿Qué es un bucle en Java¿Texto?
Los bucles son útiles cuando tienes que ejecutar las mismas líneas de código repetidamente, una cantidad específica de veces o siempre que una condición específica sea verdadera. Suponga que desea escribir un mensaje de "Hola" 100 veces en su página web. Eso sí, tendrás que copiar y pegar la misma línea 100 veces. En cambio, si usas bucles, puedes completar esta tarea en solo 3 o 4 líneas.
Cada bucle se compone de las mismas tres partes, independientemente de la sintaxis: un valor inicial, una condición que determina si se ejecuta otra iteración y una actualización que acerca el bucle a su salida. El diagrama a continuación muestra ese ciclo repetitivo.
Diferentes tipos de bucles en JavaScript
Existen principalmente cuatro tipos de bucles en JavaScript.
- en bucle
- bucle for/in
- mientras bucle
- hacer ... mientras bucle
MODERNA JavaEl script añade un bucle for…of para iterar directamente sobre los valores, por lo que en la práctica hay cinco formas disponibles. La tabla siguiente muestra cuál utilizar en cada situación.
| Loop | Estado comprobado | Ejecuciones mínimas | Mejores usados para |
|---|---|---|---|
| por la | Antes de cada pase | 0 | Un número conocido de repeticiones |
| mientras | Antes de cada pase | 0 | Un recuento desconocido impulsado por una condición |
| hacer…mientras | Después de cada pase | 1 | Menús y mensajes que deben ejecutarse una sola vez. |
| para…en | Antes de cada pase | 0 | Leer las claves de un objeto |
| para…de | Antes de cada pase | 0 | Leer los valores de una matriz o cadena |
en bucle
Sintaxis:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- La instrucción1 se ejecuta primero, incluso antes de ejecutar el loo.ping código. Por lo tanto, esta instrucción se usa normalmente para asignar valores a variables que se usarán dentro del bucle.
- La declaración2 es la condición para ejecutar el bucle.
- La instrucción3 se ejecuta cada vez después del looping El código se ejecuta.
Prueba esto tú mismo:
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br />");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br />");
}
</script>
</head>
<body>
</body>
</html>
Salida:
Using for loops John Ann Aaron Edwin Elizabeth
El contador comienza en 0 porque el primer índice de un matriz es cero, y la condición utiliza students.length para que el bucle se adapte automáticamente cuando se agregan o eliminan nombres.
mientras bucle
Sintaxis:
while(condition)
{
lines of code to be executed
}
El “bucle while” se ejecuta siempre que la condición especificada sea verdadera. Dentro del bucle while, debes incluir la declaración que finalizará el bucle en algún momento. De lo contrario, el bucle nunca finalizará y tu navegador puede bloquearse.
Prueba esto tú mismo:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using while loops </b><br />");
var i = 0, j = 1, k;
document.write("Fibonacci series less than 40<br />");
while(i<40)
{
document.write(i + "<br />");
k = i+j;
i = j;
j = k;
}
</script>
</head>
<body>
</body>
</html>
Salida:
Using while loops Fibonacci series less than 40 0 1 1 2 3 5 8 13 21 34
⚠️ Advertencia: Un bucle while cuya condición nunca se vuelve falsa bloquea la pestaña del navegador. Confirme siempre que una variable dentro del cuerpo del bucle haga que la condición se vuelva falsa y utilice un contador de seguridad cuando la salida dependa de datos externos.
hacer ... mientras bucle
Sintaxis:
do
{
block of code to be executed
} while (condition)
El bucle do…while es muy similar al bucle while. La única diferencia es que, en el bucle do…while, el bloque de código se ejecuta una vez, incluso antes de comprobar la condición.
Prueba esto tú mismo:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using do...while loops </b><br />");
var i = 2;
document.write("Even numbers less than 20<br />");
do
{
document.write(i + "<br />");
i = i + 2;
}while(i<20)
</script>
</head>
<body>
</body>
</html>
Salida:
Using do...while loops Even numbers less than 20 2 4 6 8 10 12 14 16 18
La diferencia se hace visible cuando la condición es falsa desde el principio. Un bucle while no imprime nada, mientras que un bucle do…while imprime una línea antes de detenerse.ping.
para…en bucle
El bucle for…in recorre los nombres de las propiedades enumerables de un objeto. En cada iteración, se asigna la siguiente clave a la variable del bucle, y el valor se lee mediante la notación de corchetes.
const student = { name: "Ann", age: 21, course: "JavaScript" }; for (const key in student) { console.log(key + " : " + student[key]); }
Salida:
name : Ann age : 21 course : JavaScript
💡 Consejo: Evita usar `for…in` en arreglos. Devuelve los índices como cadenas de texto y también accede a las propiedades heredadas, lo que puede generar resultados inesperados. En su lugar, usa `for…of` o un bucle `for` clásico para arreglos.
bucle for…of y forEach
El bucle for…of lee los valores de cualquier objeto iterable, incluyendo matrices, cadenas, mapas y conjuntos. El método forEach logra el mismo resultado con una función de devolución de llamada y permite acceder al índice.
const students = ["John", "Ann", "Aaron"]; // for...of reads each value directly for (const name of students) { console.log(name); } // forEach supplies the value and the index students.forEach(function (name, index) { console.log(index + " - " + name); }); // strings are iterable too for (const letter of "Ann") { console.log(letter); }
Salida:
John Ann Aaron 0 - John 1 - Ann 2 - Aaron A n n
Una diferencia práctica es importante: break y continue work dentro de for…of, pero no se pueden usar dentro de forEach, porque cada callback es una función separada.
Declaraciones de pausa y continuación
Dos palabras clave modifican el flujo normal de cualquier bucle. La instrucción break sale completamente del bucle, y la instrucción continue abandona la pasada actual y salta a la siguiente.
const numbers = [4, 7, 10, 13, 16, 19]; // continue: skip odd numbers for (const n of numbers) { if (n % 2 !== 0) { continue; } console.log("even: " + n); } // break: stop at the first value above 12 for (const n of numbers) { if (n > 12) { console.log("first value above 12: " + n); break; } }
Salida:
even: 4 even: 10 even: 16 first value above 12: 13
Los bucles aparecen en casi todos los scripts que escribirás. Continúa con el Información JavaEjemplos de código de script, volver a visitar JavaMétodos de matriz de script para los ayudantes de iteración construidos sobre estos bucles, y lea interno y externo JavaScript para decidir dónde debe alojarse el guion finalizado.
