0

Dispongo de un array de objetos como el siguiente:

[
    {
        "date": "Sep",
        "likes": 1073,
        "retweet": 137,
        "reply": 0,
        "quote": 41
    },
    {
        "date": "Sep",
        "likes": 39,
        "retweet": 3,
        "reply": 5,
        "quote": 1
    },
    {
        "date": "Aug",
        "likes": 3216,
        "retweet": 379,
        "reply": 0,
        "quote": 128
    },
    {
        "date": "Aug",
        "likes": 17425,
        "retweet": 1276,
        "reply": 0,
        "quote": 321
    },
    {
        "date": "Jul",
        "likes": 2434,
        "retweet": 223,
        "reply": 0,
        "quote": 110
    },
    {
        "date": "Jul",
        "likes": 7572,
        "retweet": 510,
        "reply": 0,
        "quote": 196
    },
]

Necesito sumar de cada objeto con la misma fecha (date) sus respectivos clave:valor quedando al final un array de objeto igual a este

[
    {
        "date": "Jul",
        "likes": 3073,  //Suma total
        "retweet": 1137, //Suma total
        "reply": 52,     //Suma total
        "quote": 51     //Suma total
    },
    {
        "date": "Aug",
        "likes": 39,
        "retweet": 3,
        "reply": 5,
        "quote": 1
    },
    {
        "date": "Sep",
        "likes": 12525,
        "retweet": 1137,
        "reply": 123,
        "quote": 134
    }
]

He estado probando con varias soluciones con reducer y map, pero no encuentro la manera de que salga.

1

1 respuesta 1

1

Puedes usar reduce para recorrer el array y crear un indice por mes, así:

const data = [
    {
        "date": "Sep",
        "likes": 1073,
        "retweet": 137,
        "reply": 0,
        "quote": 41
    },
    {
        "date": "Sep",
        "likes": 39,
        "retweet": 3,
        "reply": 5,
        "quote": 1
    },
    {
        "date": "Aug",
        "likes": 3216,
        "retweet": 379,
        "reply": 0,
        "quote": 128
    },
    {
        "date": "Aug",
        "likes": 17425,
        "retweet": 1276,
        "reply": 0,
        "quote": 321
    },
    {
        "date": "Jul",
        "likes": 2434,
        "retweet": 223,
        "reply": 0,
        "quote": 110
    },
    {
        "date": "Jul",
        "likes": 7572,
        "retweet": 510,
        "reply": 0,
        "quote": 196
    },
]

const result = Object.values(data.reduce((acc, item) => {
   if(!acc[item.date]) {  //Si no existe esa fecha
     acc[item.date] = item; //La creas con el primer elemento
   } else {
     //Sino, ya existe, entonces le sumas los nuevos valores
     acc[item.date].likes += item.likes;
     acc[item.date].retweet += item.retweet;
     acc[item.date].reply += item.reply;
     acc[item.date].quote += item.quote;
   }

   return acc;
}, {}))

console.log(result);

Luego al finalizar usas el Object.values para desechar el índice y quedar únicamente con los valores

6
  • te hago una pregunta acc es un array nuevo? cambia algo si en vez de poner el callback de reduce(acc,item) pongo reduce(item,acc)? Commented el 23 sept. 2022 a las 21:01
  • 1
    No, de hecho acc es un objeto, mediante el cual creamos el índice de meses, para luego al final convertir ese objeto en array mediante Object.values. El reduce (item, acc) no lo puedes cambiar, pues el primer parámetro es el acumulador (por eso normalmente se llama acc) y el segundo es el item que se está procesando. El segundo valor que se le pasa a reduce (que en este caso es un objeto vacio {}) es el valor inicial del acumulador. Aquí puedes ver mas info de como funciona la función reduce: developer.mozilla.org/es/docs/Web/JavaScript/Reference/…
    – Pipe
    Commented el 23 sept. 2022 a las 21:24
  • muchas gracias! Commented el 23 sept. 2022 a las 22:03
  • ahi entendi perfectamente tu codigo con la aclaracion Commented el 23 sept. 2022 a las 22:14
  • Muchisimas gracias por la rápida respuesta! Use reduce pero no lo habia planteado de esa manera me iba por las ramas.
    – ordepdev
    Commented el 23 sept. 2022 a las 23:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.