CodeAventura
JavaScript
▸Transformación de arrays▸reduce en arrays

Misión

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

reduce en arrays

Qué problema resuelve reduce

Con map transformas.
Con filter seleccionas.
Con reduce combinas todo para obtener un solo resultado.

Ejemplos típicos:

  • suma total de importes
  • contar elementos
  • agrupar por categoría
  • construir un objeto de resumen

Idea clave

reduce recorre el array manteniendo un acumulador. En cada vuelta ejecuta una callback.

En cada vuelta:

  1. recibe el acumulador actual
  2. recibe el elemento actual
  3. devuelve el nuevo acumulador

Al final, ese acumulador es el resultado.

Ejemplo básico: sumar

Con función tradicional:

Con función flecha:

El 0 es el valor inicial del acumulador.

Ejemplo útil: contar por estado

Con función tradicional:

Con función flecha:

Error típico al empezar

Olvidar el valor inicial del acumulador.
Eso suele generar resultados raros o errores en arrays vacíos.

Cómo pensarlo mentalmente

Pregunta guía:

  • "¿Quiero recorrer el array para terminar con un único valor final?"

Si sí, reduce.

Tu desafío 🚀

Crea un array y usa reduce para obtener un valor único (por ejemplo suma, conteo o resumen) y muéstralo en consola.

Dominar reduce te da una herramienta muy potente para pensar datos de forma estructurada...