vue3中通过js实现:已知两个对象数组arr1,arr2,要求arr1中找到arr2中相同id的对象,并把arr2该相同id的对象剩余字段加入arr1该对象中,并返回修改后的arr1对象数组
时间: 2024-02-09 22:09:54 浏览: 57
vue实现将一个数组内的相同数据进行合并
可以使用 Vue3 中提供的 Array 的 map() 和 find() 方法来实现这个功能,具体代码如下:
```javascript
const arr1 = [
{ id: 1, name: 'obj1' },
{ id: 2, name: 'obj2' },
{ id: 3, name: 'obj3' }
]
const arr2 = [
{ id: 1, age: 20 },
{ id: 2, age: 30 },
{ id: 4, age: 40 }
]
const result = arr1.map((obj1) => {
const obj2 = arr2.find((item) => item.id === obj1.id)
if (obj2) {
return { ...obj1, ...obj2 }
} else {
return obj1
}
})
console.log(result)
```
以上代码会输出一个修改后的 `arr1`,其中相同 `id` 的对象会将 `arr2` 中剩余字段加入到 `arr1` 中。
阅读全文