js数组对象去重如何解决？

Question

1. 对象数组去重合并
   输入：const arr = [
   {id: 1, flag: {a: 1}},
   {id: 2, flag: {a: 1}},
   {id: 1, flag: {b: 1}},
   {id: 4, flag: {a: 1}}
   ];
   输出：[
   {id: 1, flag: {a: 1, b: 1}},
   {id: 2, flag: {a: 1}},
   {id: 4, flag: {a: 1}}
   ];

Answer 1

以下为详细回答，望采纳


可以使用 reduce() 方法遍历数组，并把对象按照 id 属性进行分组，把相同 id 属性的对象放到同一个数组中。

const arr = [
  {id: 1, flag: {a: 1}},
  {id: 2, flag: {a: 1}},
  {id: 1, flag: {b: 1}},
  {id: 4, flag: {a: 1}}
];

const result = arr.reduce((acc, cur) => {
  const existingItem = acc.find(item => item.id === cur.id);
  if (existingItem) {
    existingItem.flag = {...existingItem.flag, ...cur.flag};
  } else {
    acc.push(cur);
  }
  return acc;
}, []);

console.log(result);