LECCIÓN 15 / 60 · Listas y repetición

Recorre una lista con for...of

Al terminar, podrás: recorrer los valores de un array con for...of

Ruta esencialJavaScript

Conviene conocer: Lección 11 · Lee un elemento de un array

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
const colores = ['rojo', 'azul', 'verde'];
for (const color of colores) {
  console.log(color);
}
  1. colores contiene tres palabras.
  2. En cada vuelta, color toma una de ellas.
  3. 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 buscamos

Se imprimirán cuatro colores, con «amarillo» al final.

JAVASCRIPT Practica aquí
Tu misión

Añade «amarillo» a la lista y comprueba que el bucle lo muestra sin cambiar el for.

Consola
Lista 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 ↗