Quiera saber cómo realizar esta suma, en el cual se muestra un arreglo de objetos repetidos;
[ { mango: 2 }, { mango: 2 }, { mango: 3 }, { pera: 10 } ]
para que el resultado sea
[ mango: 7, pera: 10 ]
Quiera saber cómo realizar esta suma, en el cual se muestra un arreglo de objetos repetidos;
[ { mango: 2 }, { mango: 2 }, { mango: 3 }, { pera: 10 } ]
para que el resultado sea
[ mango: 7, pera: 10 ]
Podrías hacerlo así:
let mercado = [
{
fruta: "mango",
cantidad: 1,
},
{
fruta: "mango",
cantidad: 2,
},
{
fruta: "pera",
cantidad: 4,
},
{
fruta: "mango",
cantidad: 2,
},
];
const duplicado = mercado.reduce((acumulador, valorActual) => {
// Guardamos en una variable los objetos del arreglo que tienen el valor repetido de la clave "fruta".
const siExiste = acumulador.find(
elemento => elemento.fruta === valorActual.fruta
);
// Si hay objetos repetidos...
if (siExiste) {
// Mapeamos al valor inicial "acumulador" de los objetos repetidos.
return acumulador.map(elemento => {
// Verificamos si coincide la clave "fruta" de lo mapeado con el objeto devuelto por el reduce
if (elemento.fruta === valorActual.fruta) {
// Retornará la clave "cantidad" sumando sus valores con las demás repetidas.
return {
...elemento,
cantidad: elemento.cantidad + valorActual.cantidad,
};
}
return elemento;
});
}
// Retornamos todo el resultado, que se almacenará en un nuevo array de objetos.
return [...acumulador, valorActual];
}, []);
console.log(duplicado);
Usando reduce
let frutas = [{ mango: 2 }, { mango: 2 }, { mango: 3 }, { pera: 10 }];
//acc es el acumulador, es un array que empieza vacio y se llena en cada interación
//item es el elemento en la iteracion, similar al foreach
var resultado = frutas.reduce((acc, item) => {
let key = Object.keys(item);
if (!acc[key]) {
acc[key] = item[key];
}
else {
acc[key] = acc[key] + item[key];
}
return acc;
}, []);
console.log(resultado["mango"])
console.log(resultado["pera"])
console.log(resultado) //NO funciona!!
Extrañamente console.log(resultado) no da resultado, esto fue lo que más me sorprendió, al parecer hay un error en el snippet del stackoverflow, porque al probarlo en el navegador funciona como debe: