在JavaScript中处理对象数组中的对象
假设我们有两个这样的对象数组-
const arr1 = [
{id:'124',name:'qqq'},
{id:'589',name:'www'},
{id:'45',name:'eee'},
{id:'567',name:'rrr'}
];
const arr2 = [
{id:'124',name:'ttt'},
{id:'45',name:'yyy'}
];我们需要编写一个接受两个这样的对象的JavaScript函数。我们的函数应该在第一个数组中搜索具有与第二个数组相同的“id”属性的对象。
然后，我们的函数应该用第二个数组对象的相应“名称”属性替换那些对象的“名称”属性。
因此，对于上述数组，输出应类似于-
const output = [
{id:'124',name:'ttt'},
{id:'589',name:'www'},
{id:'45',name:'yyy'},
{id:'567',name:'rrr'}
];示例
为此的代码将是-
const arr1 = [
{id:'124',name:'qqq'},
{id:'589',name:'www'},
{id:'45',name:'eee'},
{id:'567',name:'rrr'}
];
const arr2 = [
{id:'124',name:'ttt'},
{id:'45',name:'yyy'}
];
const replaceByOther = (arr1, arr2) => {
for(let i = 0; i < arr1.length; i++){
const el = arr1[i];
const index = arr2.findIndex(elm => el['id'] === elm['id']);
if(index === -1){
continue;
};
else['name'] = arr2[index]['name'];
};
};
replaceByOther(arr1, arr2);
console.log(arr1);输出结果
控制台中的输出将是-
[
{ id: '124', name: 'ttt' },
{ id: '589', name: 'www' },
{ id: '45', name: 'yyy' },
{ id: '567', name: 'rrr' }
]