如果 Id 匹配，反应如何替换名称

Question

我有两个对象数组 result1 和 result2

var result1 = [
    {id:1, name:'Sandra'},
    {id:2, name:'John'},
    {id:3, name:'Peter'},
    {id:4, name:'Bobby'}
];

var result2 = [
    {id:2, name:'Malai'},
    {id:4, name:'Lama'}
];

如果 id 匹配，我想更新名称。我的目标是：

 var result1 = [
        {id:1, name:'Sandra'},
        {id:2, name:'Malai'},
        {id:3, name:'Peter'},
        {id:4, name:'Lama'}
    ];

Answer 1

var result1 = [{
        id: 1,
        name: 'Sandra'
    },
    {
        id: 2,
        name: 'John'
    },
    {
        id: 3,
        name: 'Peter'
    },
    {
        id: 4,
        name: 'Bobby'
    }
];

var result2 = [{
        id: 2,
        name: 'Malai'
    },
    {
        id: 4,
        name: 'Lama'
    }
];

let results = result1.map(x => {
    let el = result2.find(y => y.id === x.id);
    if (el) return {
        ...x,
        name: el.name
    };
    return x;

});

console.log(results)

Answer 2

var result1 = [
    {id:1, name:'Sandra'},
    {id:2, name:'John'},
    {id:3, name:'Peter'},
    {id:4, name:'Bobby'}
];

var result2 = [
    {id:2, name:'Malai'},
    {id:4, name:'Lama'}
];

const finalResult = result1.map((user, index) => {
 const match = result2.find(({ id }) => user.id === id)
 
 return match ? { ...user, name: match.name } : user
})

console.log(finalResult)

您可以使用map来映射result1并使用find来匹配map中的当前项目以查看result2是否包含与该id匹配的对象，如果是则返回包含当前用户的新对象但使用匹配名称，如果不只是返回用户

Answer 3

试试下面的截图。代码非常简单。我们遍历第一个结果数组的每个对象（人）。对于每个人，我们将迭代 result2。如果找到相同的 id，则该人的对象将被覆盖。代码的输出是带有您提出的目标的第三个数组。

var result1 = [
    {id:1, name:'Sandra'},
    {id:2, name:'John'},
    {id:3, name:'Peter'},
    {id:4, name:'Bobby'}
];

var result2 = [
    {id:2, name:'Malai'},
    {id:4, name:'Lama'}
];

const finalResult = result1.map(person => {
  for (let i = 0; i < result2.length; i++) {
    if(person.id === result2[i].id){
      person = result2[i];
      break;
    }
  }
  return person;
});

console.log(finalResult);

Answer 4

我认为有办法一次性解决这个问题。

根据您给出的示例，我将假设：

1. 两个数组都按 w.r.t 排序。身份证
2. 给定数组中的元素具有唯一 ID

这个想法是使用两个指针来识别数组重叠的区域。它的灵感来自于合并排序中的合并子例程。

var i = 0 
var j = 0

while(i < result1.length && j < result2.length) {
  var left = result1[i]
  var right = result2[j]
  if(left.id > right.id) {
    j++ 
  } else if(left.id < right.id) {
    i++
  } else {
    left.name = right.name
    i++
    j++
  }
}

Answer 5

简短的语法：

result1 = result1.map(el => ({...el, name: result2.find(item => el.id === item.id)?.name ?? el.name}))