从数组中删除重复对象，但合并嵌套对象_JavaScript对象数组-基于嵌套对象从数组中删除重复对象_从数组中删除重复对象 - 腾讯云开发者社区

从数组中删除重复对象，但合并嵌套对象

基础概念

在编程中，数组是一种常见的数据结构，用于存储一系列元素。当数组中的元素是对象时，可能会出现重复的对象。删除重复对象并合并嵌套对象是一个常见的需求，尤其是在处理复杂数据结构时。

类型

简单对象去重：基于对象的某些属性进行去重。
嵌套对象去重并合并：处理包含嵌套对象的复杂数据结构。

应用场景

数据库查询：从数据库中获取的数据可能包含重复记录。
API响应处理：处理从外部API获取的数据时，可能需要去重和合并。
数据统计：在进行数据分析前，确保数据的唯一性和准确性。

示例代码（JavaScript）

假设我们有一个数组，其中包含重复的对象，并且这些对象中有一些嵌套对象需要合并：

const data = [
  { id: 1, name: 'Alice', details: { age: 25, city: 'New York' } },
  { id: 2, name: 'Bob', details: { age: 30, city: 'Los Angeles' } },
  { id: 1, name: 'Alice', details: { age: 26, city: 'Chicago' } },
  { id: 3, name: 'Charlie', details: { age: 35, city: 'San Francisco' } }
];

const result = data.reduce((acc, current) => {
  const existing = acc.find(item => item.id === current.id);
  if (existing) {
    // 合并嵌套对象
    existing.details = { ...existing.details, ...current.details };
  } else {
    acc.push(current);
  }
  return acc;
}, []);

console.log(result);

解释

reduce：使用reduce方法遍历数组，创建一个新的数组acc。
find：在acc中查找是否存在与当前对象current具有相同id的对象。
合并嵌套对象：如果找到相同id的对象，则合并嵌套对象details。
添加新对象：如果没有找到相同id的对象，则将当前对象添加到acc中。

参考链接

遇到的问题及解决方法

问题：在合并嵌套对象时，某些属性可能会被覆盖。

原因：Object.assign或展开运算符{ ...existing.details, ...current.details }会覆盖相同属性的值。

解决方法：在合并嵌套对象时，可以编写自定义逻辑来处理属性的合并，而不是简单地覆盖。

const mergeDetails = (existingDetails, currentDetails) => {
  return {
    age: existingDetails.age || currentDetails.age,
    city: existingDetails.city || currentDetails.city
  };
};

const result = data.reduce((acc, current) => {
  const existing = acc.find(item => item.id === current.id);
  if (existing) {
    existing.details = mergeDetails(existing.details, current.details);
  } else {
    acc.push(current);
  }
  return acc;
}, []);

通过这种方式，可以确保嵌套对象的属性不会被简单覆盖，而是根据具体需求进行合并。