如何按 id 合并和分组对象数组?
How to merge and group arrays of objects by ids?
我需要将两个数组与具有相同 ID 的对象结合起来。
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}];
const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}];
结果应该是
[
{id: 1, name: 'John', phone: '111'},
{id: 15, name: 'Nick'},
{id: 22, name: 'Mark'},
{id: 10, name: 'Janny'}
]
我尝试使用 lodash _.isEqual(arr1, arr2) 但它不起作用,因为 {id: 1, name: 'John', phone: '111'} 不等于 {id: 1, name: 'John'}.
您可以组合数组中的元素,使用映射或对象按 id 对它们进行分组,并获取值:
const arr1 = [
{ id: 1, name: 'John' },
{ id: 10, name: 'Janny' },
{ id: 22, name: 'Mark' },
];
const arr2 = [
{ id: 1, name: 'John', phone: '111' },
{ id: 15, name: 'Nick' },
{ id: 22, name: 'Mark' },
];
const result = [
...[...arr1, ...arr2]
.reduce(
(acc, curr) => acc.set(curr.id, { ...acc.get(curr.id), ...curr }),
new Map()
)
.values(),
];
console.log(result)
这是一个非常愚蠢且漫长的方法:
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}];
const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}];
let newArr = [];
firstLoop: for(let i=0; i < arr1.length; i++){
for(let j =0; j < arr2.length; j++){
if(arr1[i].id == arr2[j].id){
newArr.push({...arr1[i], ...arr2[j]})
continue firstLoop;
}
}
newArr.push(arr1[i])
}
firstLoop: for(let i=0; i < arr1.length; i++){
for(let j =0; j < arr2.length; j++){
if(arr2[i].id == arr1[j].id){
// newArr.push({...arr1[i], ...arr2[j]})
continue firstLoop;
}
}
newArr.push(arr2[i])
}
console.log(newArr);
我需要将两个数组与具有相同 ID 的对象结合起来。
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}];
const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}];
结果应该是
[
{id: 1, name: 'John', phone: '111'},
{id: 15, name: 'Nick'},
{id: 22, name: 'Mark'},
{id: 10, name: 'Janny'}
]
我尝试使用 lodash _.isEqual(arr1, arr2) 但它不起作用,因为 {id: 1, name: 'John', phone: '111'} 不等于 {id: 1, name: 'John'}.
您可以组合数组中的元素,使用映射或对象按 id 对它们进行分组,并获取值:
const arr1 = [
{ id: 1, name: 'John' },
{ id: 10, name: 'Janny' },
{ id: 22, name: 'Mark' },
];
const arr2 = [
{ id: 1, name: 'John', phone: '111' },
{ id: 15, name: 'Nick' },
{ id: 22, name: 'Mark' },
];
const result = [
...[...arr1, ...arr2]
.reduce(
(acc, curr) => acc.set(curr.id, { ...acc.get(curr.id), ...curr }),
new Map()
)
.values(),
];
console.log(result)
这是一个非常愚蠢且漫长的方法:
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}];
const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}];
let newArr = [];
firstLoop: for(let i=0; i < arr1.length; i++){
for(let j =0; j < arr2.length; j++){
if(arr1[i].id == arr2[j].id){
newArr.push({...arr1[i], ...arr2[j]})
continue firstLoop;
}
}
newArr.push(arr1[i])
}
firstLoop: for(let i=0; i < arr1.length; i++){
for(let j =0; j < arr2.length; j++){
if(arr2[i].id == arr1[j].id){
// newArr.push({...arr1[i], ...arr2[j]})
continue firstLoop;
}
}
newArr.push(arr2[i])
}
console.log(newArr);