JavaScript merge and join if same ID in one array of objects

Question

My Data:

[
  {
    "id": "ewq123",
    "name": "Joshua",
    "order": "Pizza"
  },
  {
    "id": "ewq123",
    "name": "Joshua",
    "order": "Burger"
  },
  {
    "id": "a512dsa",
    "name": "Eugene",
    "order": "Pizza"
  },
]

I want to be able to end up with something like:

[
 {
   "id": "ewq123",
   "name": "Joshua",
   "order": ["Burger", "Pizza"]
 },
 {
   "id": "a512dsa",
   "name": "Eugene",
   "order": "Pizza"
 },
]

Is there a better way to use ES6 functions? like spread operator

Answer 1

Try Below code to acheive the same output:

var originalArray = [{
        "id": "ewq123",
        "name": "Joshua",
        "order": "Pizza"
    },
    {
        "id": "ewq123",
        "name": "Joshua",
        "order": "Burger"
    },
    {
        "id": "a512dsa",
        "name": "Eugene",
        "order": "Pizza"
    },
];
var arrayHashmap3 = originalArray.reduce((obj, item) => {

    if (obj[item.id]) {
        obj[item.id].order.push(item.order)
    } else {
        item.order = [item.order]
        obj[item.id] = {
            ...item
        }
    }
    return obj;
}, {});

var mergedArray3 = Object.values(arrayHashmap3);

console.log(mergedArray3);

Output:

[
 {
   "id": "ewq123",
   "name": "Joshua",
   "order": ["Burger", "Pizza"]
 },
 {
   "id": "a512dsa",
   "name": "Eugene",
   "order": "Pizza"
 },
]