Tutorial: arrays en JavaScript - organiza una lista de tareas

Un array es una lista ordenada de cosas: tareas pendientes, productos de un carrito, nombres de tus amigos que nunca contestan el chat grupal. Hoy vas a aprender a manipularlos de verdad, no solo a crearlos.

Paso 1: crea un array y agrega elementos

const tareas = ['Comprar leche', 'Estudiar JavaScript'];

tareas.push('Sacar la basura');

console.log(tareas);
// ['Comprar leche', 'Estudiar JavaScript', 'Sacar la basura']

.push() agrega un elemento al final del array. Simple, directo, sin drama.

Paso 2: quita elementos con .filter()

const tareasHechas = ['Comprar leche'];

const tareasPendientes = tareas.filter(
  (tarea) => !tareasHechas.includes(tarea)
);

console.log(tareasPendientes);
// ['Estudiar JavaScript', 'Sacar la basura']

.filter() crea un array nuevo con solo los elementos que cumplen una condición. Aquí nos quedamos con las tareas que NO están en la lista de hechas. El array original no se toca (Filter no destruye, crea).

Paso 3: transforma cada elemento con .map()

const tareasConEmoji = tareas.map((tarea) => `📌 ${tarea}`);

console.log(tareasConEmoji);
// ['📌 Comprar leche', '📌 Estudiar JavaScript', '📌 Sacar la basura']

.map() recorre el array y devuelve uno nuevo con cada elemento transformado. Es como pasar cada tarea por una máquina que le pega una etiqueta encima.

Paso 4: recorre el array con .forEach()

tareas.forEach((tarea, indice) => {
  console.log(`${indice + 1}. ${tarea}`);
});

.forEach() es para cuando solo quieres "hacer algo" con cada elemento (como imprimirlo), sin crear un array nuevo.

¿Qué acabas de aprender?

• Cómo agregar elementos con .push().
• Cómo filtrar con .filter() sin modificar el array original.
• Cómo transformar datos con .map() y recorrerlos con .forEach().