Un bucle dentro de otro
Bucles dentro de bucles
Un bucle dentro de otro es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 1 de 4. 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 for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.
¿Un bucle dentro de otro bucle? 🤯
¿Qué ocurre si coloca un bucle DENTRO de otro bucle? ¡Es como una rueda que gira dentro de una rueda más grande! ⚙️⚙️
Esto se llama bucle anidado y permite crear obras de arte increíbles.
Bucle exterior e interior 🪆
¡Piense en las muñecas rusas! 🪆 El bucle exterior es la muñeca grande. El bucle interior es la muñeca pequeña que está dentro.
¡Por cada vuelta del bucle exterior, el bucle interior realiza TODAS sus vueltas!
El primer bucle anidado 🔁
Aquí, el bucle exterior se ejecuta 2 veces. ¡Cada vez, el bucle interior se ejecuta 3 veces! Observe con atención.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log('i=' + i + ' j=' + j)
}
}¡Dos contadores! ✌️
¿Lo ve? Ahora tenemos DOS contadores: i para el bucle exterior y j para el interior.
El j interior avanza por 1, 2 y 3 cada vez que cambia el i exterior.
for (let i = 1; i <= 2; i++) {
console.log('Outer ' + i + ' starts')
for (let j = 1; j <= 2; j++) {
console.log(' inner ' + j)
}
}¿Cuántas veces en total? 🔢
Si el bucle exterior se ejecuta 3 veces y el interior 4 veces, son 3 × 4 = 12 ejecuciones en total.
Contémoslas.
let count = 0
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 4; j++) {
count = count + 1
}
}
console.log('Total runs: ' + count)Días y comidas 🍽️
¡Un ejemplo real! Por cada DÍA, comemos 3 COMIDAS. El bucle exterior representa los días y el interior, las comidas.
for (let day = 1; day <= 2; day++) {
console.log('Day ' + day)
for (let meal = 1; meal <= 3; meal++) {
console.log(' meal ' + meal)
}
}Estrellas en filas ⭐
El bucle exterior crea las FILAS. El bucle interior imprime las estrellas de cada fila. ¡Un pequeño adelanto del arte que crearemos!
for (let row = 1; row <= 3; row++) {
for (let s = 1; s <= 2; s++) {
console.log('star')
}
console.log('--- end of row ---')
}El orden importa 📋
El bucle interior SIEMPRE termina todas sus vueltas antes de que el exterior continúe. ¡Es como leer todas las palabras de una línea antes de pasar a la siguiente! 📖
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(i + ',' + j)
}
}Multiplicar números ✖️
¡Los bucles anidados son excelentes para las matemáticas! Multipliquemos i por j.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i + ' x ' + j + ' = ' + (i * j))
}
}Elija conjuntos de ropa 👕👖
¡2 camisas y 2 pantalones forman 4 conjuntos! Los bucles anidados muestran todas las combinaciones.
for (let shirt = 1; shirt <= 2; shirt++) {
for (let pants = 1; pants <= 2; pants++) {
console.log('Shirt ' + shirt + ' with pants ' + pants)
}
}Ahora le toca anidar 🌟
¡Cambie el bucle interior para que se ejecute 4 veces y ejecútelo! Observe cómo aumenta la salida. 🪆
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 4; j++) {
console.log('i=' + i + ' j=' + j)
}
}Comprobación rápida ✅
¡Compruebe sus conocimientos sobre bucles anidados! 🧠
Repaso de los bucles anidados 🎉
¡Asombroso! 🤯 Ha aprendido sobre los bucles anidados.
- Un bucle DENTRO de otro bucle, como las muñecas rusas 🪆
- Contador exterior
iy contador interiorj - El bucle interior termina por completo antes de que el exterior continúe
Siguiente: ¡crear filas y columnas como una cuadrícula! 🟦
Preguntas frecuentes
¿La lección «Un bucle dentro de otro» es gratis?
Sí — el texto completo de «Un bucle dentro de otro» 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 for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Un bucle dentro de otro»?
Bucles dentro de bucles Practicas Javascript for Kids 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 for Kids?
No se requiere experiencia previa. Javascript for Kids 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 1 de 4.
¿Cuánto tiempo toma la lección «Un bucle dentro de otro»?
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 for Kids?
Sí. Cada lección de Javascript for Kids 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
- Un bucle dentro de otro
- Filas y columnas
- Triángulos de estrellas
- Una tabla de multiplicar