Dominio de Datosdomingo, 25 de enero de 2026

Métodos de Array

Map, Filter y Reduce explicados.

Publicidad

Apoya a JS Fruggal visitando a nuestros patrocinadores.

Deja de escribir bucles for. JS moderno se basa en métodos de programación funcional: Map, Filter y Reduce.

La Tubería (Encadenamiento)

El Poder del Código Limpio

Puedes conectar métodos como bloques de Lego. La salida de uno se convierte en la entrada del siguiente.

const productos = [
  { nombre: "Laptop", precio: 1000, enStock: true },
  { nombre: "Celular", precio: 500, enStock: false },
  { nombre: "Tablet", precio: 300, enStock: true }
];

// Objetivo: Obtener el valor total de los artículos disponibles
const valorTotal = productos
  .filter(item => item.enStock)       // 1. Eliminar sin stock
  .map(item => item.precio)           // 2. Extraer solo precios
  .reduce((acc, precio) => acc + precio, 0); // 3. Sumarlos

console.log(valorTotal); // 1300 (1000 + 300)

Map vs ForEach

Usa map cuando quieras crear un nuevo array. Usa forEach cuando solo quieras hacer algo (como imprimir en consola) y no devolver nada.

Publicidad

Apoya a JS Fruggal visitando a nuestros patrocinadores.