js对象数组根据多个字段合并
时间: 2023-05-25 13:01:29 浏览: 200
A:
可以使用JavaScript的Array.reduce()方法实现:
假设有两个对象数组,分别为arr1和arr2,其中每个对象都有两个字段name和age:
```javascript
const arr1 = [
{ name: 'Tom', age: 20 },
{ name: 'Mary', age: 22 },
{ name: 'John', age: 19 }
];
const arr2 = [
{ name: 'Tom', age: 20, gender: 'male' },
{ name: 'Mary', age: 22, gender: 'female' },
{ name: 'Mike', age: 24, gender: 'male' }
];
```
需要将两个数组根据name和age字段合并,得到如下结果:
```javascript
[
{ name: 'Tom', age: 20, gender: 'male' },
{ name: 'Mary', age: 22, gender: 'female' },
{ name: 'John', age: 19 },
{ name: 'Mike', age: 24, gender: 'male' }
]
```
代码实现:
```javascript
const mergedArr = arr1.reduce((acc, curr) => {
const existingObj = acc.find(obj => obj.name === curr.name && obj.age === curr.age);
if (existingObj) {
Object.assign(existingObj, curr);
} else {
acc.push(curr);
}
return acc;
}, arr2.slice());
console.log(mergedArr);
```
解释:
1. 使用reduce()方法循环arr1数组,从第一个元素开始处理。
2. 对于每个元素,使用find()方法在第二个数组中查找是否存在name和age相同的对象。
3. 如果找到了,将当前元素的属性合并到已存在的对象中。
4. 如果未找到,将当前元素添加到结果数组中。
5. 最后将结果数组返回。
6. 需要注意的是,acc初始值要设置为arr2数组的副本,因为reduce()方法会从第二个元素开始处理。