Bucles: for, while, do…while, for…of frente a for…in
Conceptos básicos de bucles: for, while y do…while, y cuándo usar for…of frente a for…in con matrices y objetos.
Bucles: for, while, do…while, for…of frente a for…in es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 2 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.
Introducción
Objetivo: Elija el bucle adecuado. Aprenda for, while, do…while y cuándo utilizar for…of frente a for…in.
- Bucles contados
- Bucles basados en condiciones
- Iteración sobre valores frente a claves
Conceptos básicos del bucle for
for es ideal cuando necesita el índice y una condición de finalización.
// Classic for: great for indexes
const nums = [2, 4, 6];
for (let i = 0; i < nums.length; i++) {
console.log("Index:", i, "Value:", nums[i]);
}
Conceptos básicos del bucle while
while comprueba primero la condición; asegúrese de que la variable del bucle cambie.
// while: run while a condition stays true
let count = 3;
while (count > 0) {
console.log("Countdown:", count);
count = count - 1;
}
console.log("Go!");
Conceptos básicos de do…while
do…while ejecuta primero el cuerpo y después comprueba la condición; resulta útil cuando necesita garantizar una ejecución.
// do…while: runs the body at least once
let tries = 0;
do {
console.log("Attempt:", tries + 1);
tries = tries + 1;
} while (tries < 2);
for…of frente a for…in
for…of proporciona valores; for…in proporciona claves y puede incluir claves heredadas.
// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)
const colors = ["red", "green", "blue"];
for (const value of colors) {
console.log("of value:", value);
}
for (const key in colors) {
console.log("in key:", key);
}
Consejos sobre bucles
Consejos:
- Prefiera for…of para los arrays y obtenga los valores directamente.
- Utilice for…in para las claves de los objetos (no para arrays).
- Evite los bucles infinitos: actualice siempre la variable del bucle.
Cuestionario sobre for…of y for…in
Comprobación rápida: valores de un array directamente.
Repaso
Repaso: Utilice for para los índices, while para los bucles dirigidos por condiciones, do…while para ejecutar una vez y después comprobar, y for…of para los valores de los arrays.
Preguntas frecuentes
¿La lección «Bucles: for, while, do…while, for…of frente a for…in» es gratis?
Sí — el texto completo de «Bucles: for, while, do…while, for…of frente a for…in» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Bucles: for, while, do…while, for…of frente a for…in»?
Conceptos básicos de bucles: for, while y do…while, y cuándo usar for…of frente a for…in con matrices y objetos. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 3.
¿Cuánto tiempo toma la lección «Bucles: for, while, do…while, for…of frente a for…in»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- if/else y switch — patrones fundamentales
- Bucles: for, while, do…while, for…of frente a for…in
- Retornos anticipados y guard clauses