js两个数组中对象去重合并
时间: 2023-09-06 08:14:10 浏览: 128
你可以使用一些方法来合并并去重两个包含对象的数组。以下是一种可能的实现方式:
```javascript
function mergeAndDistinctArrays(arr1, arr2) {
const merged = [...arr1, ...arr2];
const distinct = merged.reduce((acc, obj) => {
const existing = acc.find(item => item.id === obj.id);
if (!existing) {
acc.push(obj);
}
return acc;
}, []);
return distinct;
}
```
在这个例子中,我们首先使用展开运算符(`...`)将两个数组`arr1`和`arr2`合并为一个新数组`merged`。然后,我们使用`reduce`方法遍历这个合并后的数组,检查每个对象的`id`属性是否已经存在于累加器数组`acc`中。如果不存在,我们将当前对象添加到累加器数组中。最后,我们返回去重后的数组`distinct`。
你可以调用这个函数并传入你自己的数组参数,例如:
```javascript
const array1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Alice' }];
const array2 = [{ id: 2, name: 'Alice' }, { id: 3, name: 'Bob' }];
const mergedAndDistinct = mergeAndDistinctArrays(array1, array2);
console.log(mergedAndDistinct);
```
这将输出去重后的合并数组:
```
[
{ id: 1, name: 'John' },
{ id: 2, name: 'Alice' },
{ id: 3, name: 'Bob' }
]
```
请注意,这个实现假设对象中的`id`属性用于唯一标识对象。如果你的对象有其他唯一属性,你需要相应地进行修改。
阅读全文