La idea clave
Si solo necesitas leer los valores de una lista, for...of evita tener que manejar posiciones. En cada vuelta recibes directamente un elemento.
Ejemplo paso a paso
Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.
Ejemplo explicado{ js }
const colores = ['rojo', 'azul', 'verde'];
for (const color of colores) {
console.log(color);
}
Editar y probar este mismo ejemplo ↓
- colores contiene tres palabras.
- En cada vuelta, color toma una de ellas.
- La consola muestra cada palabra en una línea, en orden.
Practica con código
Antes de empezar, piensa: ¿Cuántas líneas se muestran?
Añade «amarillo» a la lista y comprueba que el bucle lo muestra sin cambiar el for.
El resultado que buscamosSe imprimirán cuatro colores, con «amarillo» al final.
JAVASCRIPT Practica aquí
Tu misiónAñade «amarillo» a la lista y comprueba que el bucle lo muestra sin cambiar el for.
ConsolaLista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista
Añade el texto dentro del array, separado por una coma.
Una pista más
No cambies el cuerpo del bucle.
Ver solución y explicación
const colores = ['rojo', 'azul', 'verde', 'amarillo'];
Qué debes recordar: for...of recorre los valores sin utilizar posiciones.
Práctica pendiente de corregir
La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.
Revisado editorialmente · Referencia técnica específica ↗