CodeAventura
JavaScript
▸Arrays▸Recorrer arrays

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
19 / 32Recorrer arrays
Anterior

Recorrer arrays

Leer una colección completa

Tener un array está bien. Saber recorrerlo es lo que lo vuelve útil.

Hoy en día, una de las formas más claras de recorrer un array es for...of:

La lectura es bastante natural:

  • toma un elemento del array
  • guárdalo en la variable numero
  • ejecuta el bloque
  • repite con el siguiente

Cuando solo quieres pasar por todos los elementos, esta forma suele ser más directa que pensar en índices.

for...of: recorrer valores

La idea importante es esta:

No le estás diciendo a JavaScript en qué posición va. Le estás diciendo: “dame cada elemento, uno a uno”.

¿Y el for clásico?

También existe esta forma:

Sigue siendo muy útil, pero normalmente la usas cuando además del valor necesitas controlar el índice o el recorrido con más detalle.

Aquí sí se unen dos ideas importantes:

  • el índice
  • la longitud del array

Cómo funciona ese for

Léelo así:

  • let i = 0 -> empieza en la primera posición
  • i < numeros.length -> sigue mientras el índice siga dentro del array
  • i++ -> avanza una posición en cada vuelta

Y dentro del bloque:

significa “dame el elemento que está en la posición actual”.

Cuándo usar cada uno

Piensa así:

  • usa for...of cuando quieras recorrer los valores de forma clara
  • usa for clásico cuando necesites el índice o un control más manual

Las dos formas son válidas. Pero no cumplen exactamente el mismo papel mental.

Qué problema resuelve

Sin recorrer un array, solo puedes acceder a elementos concretos a mano:

Eso sirve para tres elementos. Pero no para veinte ni para cien.

Recorrer un array te permite trabajar con toda la colección siguiendo un patrón.

Qué puedes hacer mientras lo recorres

No solo imprimir.

También puedes:

  • sumar valores
  • contar elementos
  • buscar uno concreto
  • construir un nuevo resultado

También verás a veces métodos como .forEach(), que cumplen una idea parecida: ejecutar algo para cada elemento del array.

Recorrer arrays es una habilidad central en casi toda la programación práctica.

Tu desafío 🚀

Recorre un array completo y muestra todos sus elementos uno a uno. Si quieres, hazlo primero con for...of y luego prueba la versión con índice para comparar ambas formas.

Una colección deja de ser un bloque misterioso cuando sabes caminar por ella...