Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
Un array guarda una lista ordenada de valores dentro de una sola variable. Puedes acceder a cada valor por su posición, y recorrerlos todos con forEach.
Explicación
Un array guarda una lista ordenada de valores, y forEach es la forma más común de recorrerla:
[valor1, valor2]Crea un array: una lista ordenada de valores separados por comas, entre corchetes.
array[indice]Accede a un valor por su posición. El primer elemento está en el índice 0, no en el 1.
array.lengthPropiedad que devuelve cuántos elementos tiene el array.
array.forEach(fn)Ejecuta fn una vez por cada elemento del array, pasándoselo como argumento. Hace lo mismo que un for, pero sin que tengas que declarar ni controlar un índice manualmente.
Reto rápido
Agrega una cuarta tarea al array y comprueba que aparece en la lista sin tocar el forEach.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
forEach siempre recorre el array completo, de principio a fin: es la opción más limpia cuando solo necesitas "hacer algo" con cada elemento, sin condiciones para detenerte antes.
Dato extra
Por debajo, forEach sigue siendo un recorrido elemento por elemento, igual que un for clásico: JavaScript solo se encarga de avanzar el índice por ti, así que el código queda más corto y más fácil de leer.
Error común
Usar break o continue dentro de un forEach esperando cortar el recorrido: forEach no los admite y siempre completa todos los elementos del array; si necesitas poder detenerte antes de terminar, un for tradicional sigue siendo la herramienta correcta.
Siguiente paso
Ya sabes crear un array y recorrerlo con forEach. Ahora veamos métodos que ya vienen incluidos en JavaScript para modificar arrays: agregar, quitar y consultar valores.
Ir a la siguiente lección