me encuentro realizando un calculo en Java Script que me de como resultado todo el stock que hay en los diferentes almacenes. Esta es mi data:
const data = [
{ciudad: "Bogotá", name: "Guitarra", value: 2 },
{ciudad: "Medellin", name: "Piano", value: 124 },
{ciudad: "Bogotá", name: "Piano", value: 13 },
{ciudad: "Medellin", name: "Guitarra", value: 56 },
];
Quiero clasificar por instrumento y por ciudad para saber cuántos elementos existen en stock. Os muestro un Ejemplo:
const newData = [
{ciudad: "Bogotá", name: "Guitarra", value: 15 },
{ciudad: "Medellin", name: "Piano", value: 180 },
];
Lo estoy trabajando en React y estoy implementando un filter y un reduce. Aún no logro que funcione como espero:
let newData = await data.filter(item => item.name === 'Guitarra' && item.ciudad === 'Bogotá')
Eso funciona pero no me estructura la data como quiero. Por eso lo intenté con un reducer. Para concluir lo que quiero es obtener el ejemplo de la newData para mostrar en un grafico.
Construí esta reduce:
let totalGuitarra = data.reduce((total, item) => total + (item.name === 'Guitarra' && item.ciudad === 'Bogotá' ? item.value : 0), 0)
+ data.reduce((total, item) => total + (item.name === 'Medellin' ? item.value : 0), 0)
pero me trae valor por valor y al final crearía un json y lo mostraría. Pero esa no es la intención. Un gráfico va a mostrar: Guitarra=(56 + 2), Piano=(124 + 13) representado en una torta