Recorrer una lista con un bucle
Visite cada elemento de su array.
Recorrer una lista con un bucle es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 4 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.
Recorrer una lista 🔁📋
¡Hola, explorador de listas! 🌟 ¿Qué ocurre si queremos ver TODOS los elementos de una lista?
¡Usamos un bucle especial llamado for-of! Visita cada elemento. 🪄
let pets = ["cat", "dog", "fish"]
for (let pet of pets) {
console.log(pet)
}El bucle for-of 🚶
for (let item of list) recorre la lista, ¡un elemento a la vez!
En cada vuelta, item es el siguiente elemento de la lista. 👣
let fruits = ["apple", "banana", "grape"]
for (let fruit of fruits) {
console.log(fruit)
}Visitar cada tesoro 💎
¡Vamos a visitar cada tesoro del cofre y a mostrarlo!
El bucle obtiene cada uno por nosotros. 🤲
let treasure = ["gold", "gem", "crown"]
for (let item of treasure) {
console.log("Found: " + item)
}Recorrer números 🔢
¡for-of también funciona con listas de números!
Vamos a mostrar cada puntuación. 🎮
let scores = [10, 20, 30]
for (let score of scores) {
console.log(score)
}Saludar a cada amigo 👋
¡Vamos a saludar a cada amigo del equipo!
El bucle los saluda a todos. 🤝
let team = ["Sam", "Lily", "Max"]
for (let name of team) {
console.log("Hi, " + name + "!")
}Sumarlos todos ➕
¡Podemos usar un bucle para sumar todos los números de una lista!
Conserve un total y añada cada número. 🧮
let numbers = [1, 2, 3, 4]
let total = 0
for (let n of numbers) {
total = total + n
}
console.log("Total: " + total)Contar elementos en un bucle 🔢
¡Podemos contar cuántas golosinas tenemos contando en un bucle!
Añada uno por cada elemento. 🍬
let treats = ["candy", "cookie", "cake"]
let count = 0
for (let t of treats) {
count++
}
console.log("Treats: " + count)Gritar cada palabra 📢
¡Vamos a hacer que cada palabra de la lista GRITE!
Use toUpperCase en cada una. 🔊
let words = ["hello", "hi", "yay"]
for (let w of words) {
console.log(w.toUpperCase())
}Decorar cada elemento 🎨
¡Podemos añadir un emoji divertido a cada elemento del bucle!
Haga que cada uno brille. ✨
let animals = ["cat", "dog", "fish"]
for (let a of animals) {
console.log(a + " ⭐")
}Dar de comer a cada mascota 🦴
¡Vamos a dar de comer a cada mascota de la lista usando un bucle!
Nadie se queda con hambre. 🐶🐱🐠
let pets = ["dog", "cat", "fish"]
for (let pet of pets) {
console.log("Feeding the " + pet + " 🦴")
}Su aventura con bucles 🧒
¡Cambie los elementos y recorra SU propia lista con un bucle!
¿Qué mostrará su bucle? 🎉
let myList = ["fun", "code", "yay"]
for (let item of myList) {
console.log(item)
}Comprobación rápida ✅
¡Pregunta final! ¡Usted es una estrella! 🌟
¡Explorador de listas! 🏆
¡Increíble! 🎉 Hoy ha aprendido lo siguiente:
for-ofvisita cada elemento de una lista- Cada vuelta le proporciona el siguiente elemento
- ¡Puede añadir, hacer gritar o contar cada elemento!
¡Ha terminado Listas del tesoro! ¡Usted es un héroe de la programación! 🦸⭐
let win = ["You", "are", "amazing!"]
for (let w of win) {
console.log(w)
}Preguntas frecuentes
¿La lección «Recorrer una lista con un bucle» es gratis?
Sí — el texto completo de «Recorrer una lista con un bucle» 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 «Recorrer una lista con un bucle»?
Visite cada elemento de su array. 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 4 de 4.
¿Cuánto tiempo toma la lección «Recorrer una lista con un bucle»?
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
- ¿Qué es un array?
- Obtener elementos por número
- Añadir y eliminar elementos
- Recorrer una lista con un bucle