estoy obteniendo un json y quiero sumar los valores que trae en cada objeto pero siempre y cuando sean de la misma persona. obtener el nombre de los vendedores y el total de las ventas que tuvo pero por separado. esto lo estoy requiriendo por que estpy ocupando chart.js y en los labels quiero colocar el array de nombres y el los datasets colocar los valores de las ventas pero por persona este es mi json.
[
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-01"
},
{
"nombre": "armando",
"venta": 700,
"fecha": "2021-01-01"
},
{
"nombre": "rosa",
"venta": 400,
"fecha": "2021-01-01"
},
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-02"
},
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-03"
},
{
"nombre": "pedro",
"venta": 1600,
"fecha": "2021-01-02"
},
{
"nombre": "rosa",
"venta": 1600,
"fecha": "2021-01-02"
}
]
lo que quiero obtener es lo siguiente
vendedores = {"juan","armando","pedro","rosa"}
ventas = {1500,700,2000,1600}
lo que hasta ahorita eh echo:
//aqui obtengo solo los nombres sin repetir
const nombres = data.map(x => x.nombre)
const nombre = [... new Set(nombres)]
// console.log(nombre)
//forEach
nombre.forEach(nom => {
const filtro = data.filter(x => x.nombre == nom)
//realizo el filtro por vendedor y me da un array con cada objeto
/*(3) […]
0: Object { nombre: "juan", venta: 500, fecha: "2021-01-01" }
1: Object { nombre: "juan", venta: 500, fecha: "2021-01-02" }
2: Object { nombre: "juan", venta: 500, fecha: "2021-01-03" }
length: 3
<prototype>: [*/
const ventas = filtro.reduce((acc, valor) => acc + valor.venta, 0)
console.log(ventas)
/*aqui me da los valores de esta forma
1500
700
2000
600
pero son objetos
*/
})
en el comentario que escribi donde al final de la pregunta coloque que me manda los resultados en objeto me refiero a esto, coloque un consol.log() y me da esto.
let data = [
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-01"
},
{
"nombre": "armando",
"venta": 700,
"fecha": "2021-01-01"
},
{
"nombre": "rosa",
"venta": 400,
"fecha": "2021-01-01"
},
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-02"
},
{
"nombre": "juan",
"venta": 500,
"fecha": "2021-01-03"
},
{
"nombre": "pedro",
"venta": 1600,
"fecha": "2021-01-02"
},
{
"nombre": "rosa",
"venta": 1600,
"fecha": "2021-01-02"
}
]
const datosVendedores = data =>{
const nombres = data.map(x => x.nombre)
const nombre = [... new Set(nombres)]
// console.log(nombre)
nombre.forEach(nom => {
const filtro = data.filter(x => x.nombre == nom)
// console.log(filtro)
const ventas = filtro.reduce((acc, valor) => acc + valor.venta, 0)
console.log(ventas)
})
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<canvas id="grafica"></canvas>
</div>
</body>
</html>