Javascript fusionne les objets ayant la même propriété

Question

J'ai un tableau d'objets comme ceci :

const arr = [
  {"id" : 1, "name" : "john", "age": 12, "fruits": "banana"},
  {"id" : 2, "name" : "john", "age": 12, "fruits": "apple"}
  {"id" : 3, "name" : "maria", "age": 13, "fruits": "grappes"}
  {"id" : 4, "name" : "maria", "age": 13, "fruits": "blackberry"}
  {"id" : 5, "name" : "camille", "age": 12, "fruits": "cherry"}
]

Je voudrais avoir un seul objet pour chaque personne (nom) et ajouter leurs objets.

Le tableau final serait donc :

const arr = [
  {"id" : 1, "name" : "john", "age": 12, "fruits": ["banana", "apple"]},
  {"id" : 3, "name" : "maria", "age": 13, "fruits": ["grappes", "blackberry"]}
  {"id" : 5, "name" : "camille", "age": 12, "fruits": ["cherry"]}
];

Le tableau réel que j'utilise est très grand, c'est pourquoi je cherche le moyen le plus efficace de le faire.

Answer 1

Vous pouvez utiliser Array.prototype.reduce pour regrouper les objets.

const arr = [
  { id: 1, name: "john", age: 12, fruits: "banana" },
  { id: 2, name: "john", age: 12, fruits: "apple" },
  { id: 3, name: "maria", age: 13, fruits: "grappes" },
  { id: 4, name: "maria", age: 13, fruits: "blackberry" },
  { id: 5, name: "camille", age: 12, fruits: "cherry" },
];

const output = Object.values(
  arr.reduce((res, o) => {
    if (!res[o.name]) {
      res[o.name] = { ...o, fruits: [] };
    }
    res[o.name].fruits.push(o.fruits);
    return res;
  }, {})
);

console.log(output);

Vous pouvez également écrire la solution ci-dessus de manière plus succincte :

const arr = [
  { id: 1, name: "john", age: 12, fruits: "banana" },
  { id: 2, name: "john", age: 12, fruits: "apple" },
  { id: 3, name: "maria", age: 13, fruits: "grappes" },
  { id: 4, name: "maria", age: 13, fruits: "blackberry" },
  { id: 5, name: "camille", age: 12, fruits: "cherry" },
];

const output = Object.values(
  arr.reduce(
    (res, o) => ((res[o.name] ||= { ...o, fruits: [] }).fruits.push(o.fruits), res),
    {}
  )
);

console.log(output);