Reto: Mi Bolsillo v2, gastos con nombre propio

Reto30 min60 XP

En el módulo 4 analizaste gastos que eran solo números. Hoy "Mi Bolsillo" crece a su versión 2: cada gasto es un OBJETO con nombre, valor y categoría, y tu análisis combina todo el módulo — spread, destructuring, Set, JSON — con los métodos de array que ya dominas.

Reto

Mi Bolsillo v2

Media25 min60 XP(×2 sin mirar la solución)

Qué debes construir

Partiendo de este array de gastos:

datos.js

const gastos = [
{ nombre: "Almuerzo", valor: 18000, categoria: "comida" },
{ nombre: "Bus", valor: 5800, categoria: "transporte" },
{ nombre: "Café", valor: 4500, categoria: "comida" },
{ nombre: "Cine", valor: 25000, categoria: "ocio" },
{ nombre: "Mercado", valor: 92000, categoria: "comida" },
];

Produce exactamente esta salida:

terminal

Total del mes: 160300

Comida: Almuerzo, Café, Mercado (114500)

Gasto más caro: Mercado (92000)

Categorías: comida, transporte, ocio

{

"totalMes": 160300,

"totalComida": 114500,

"masCaro": "Mercado",

"categorias": [

"comida",

"transporte",

"ocio"

]

}

Requisitos:

Agrega un gasto (Taxi, 15000, transporte) con SPREAD, creando un array todos — sin mutar gastos.
Total del mes: reduce sobre todos, con DESTRUCTURING en el callback ((acum, { valor }) => ...).
Análisis de comida: filtra la categoría "comida", saca los nombres con map + destructuring, y su total con reduce.
El más caro: un reduce que compare objetos completos y devuelva el gasto ganador (necesitas su nombre Y su valor).
Categorías únicas: map para extraerlas + el truco del Set.
Resumen final: arma un objeto resumen con totalMes, totalComida, el nombre del más caro y las categorías, e imprímelo con JSON.stringify(resumen, null, 2).

Reglas

Nada de bucles a mano: métodos de array con destructuring en los callbacks.
gastos no se muta en ningún punto (compruébalo al final si dudas).
Las categorías únicas salen del Set — no las escribas a mano.

25:00

Cuando estés listo, arranca el reloj.

El razonamiento — tres decisiones sostienen esta solución:

Una sola fuente de verdad. Se construye todos UNA vez (spread, sin mutar) y todos los cálculos salen de ahí. Si mañana llega otro gasto, cambias una línea y todos los análisis se actualizan.
Destructuring en los callbacks. ({ valor }) => ... dice de entrada qué parte del objeto usa cada cálculo — el código se lee como la pregunta que responde. Para el más caro, en cambio, NO se desarma el objeto: se necesita entero para devolverlo como ganador.
El resumen es un objeto, no un montón de strings. Primero los datos estructurados (resumen), y solo al final la presentación (JSON.stringify). Separar datos de presentación es un hábito que te acompañará hasta React y las APIs.

Autoevaluación: ¿gastos quedó intacto (agrega un console.log(gastos.length) al final: debe dar 5)? ¿tus callbacks usan destructuring donde solo necesitas un campo? ¿el más caro salió de comparar objetos, no de un Math.max suelto que pierde el nombre? ¿las categorías vienen del Set? Cuatro síes: "Mi Bolsillo" ya maneja datos como una app de verdad.

Nota: el atajo { totalMes } (propiedad abreviada) es sintaxis oficial — cuando la variable y la clave se llaman igual, se escribe una sola vez. Lo verás en TODO el código moderno.

Qué sigue

Módulo 5 cerrado: tus datos ya tienen estructura de verdad — objetos con propiedades, métodos, copias seguras y viaje en JSON. El módulo 6 baja al detalle de los VALORES: dominar los strings (plantillas, métodos), los números (formateo colombiano con Intl), las fechas con Date, y una herramienta legendaria para buscar patrones en texto: las expresiones regulares.