如何判断两个对象数组name值匹配并为匹配项添加selected:true

明确需求：对比两个对象数组arr1和arr2，当对象的name属性值匹配时，为arr2中对应对象添加selected: true属性。

原始数组如下：

const arr1 = [{ name: "John" }, { name: "Frank" }];

const arr2 = [
  { name: "John", age: 35 },
  { name: "Frank", age: 22 },
  { name: "Kate", age: 23 },
  { name: "Donald", age: 18 },
];

方案一：基础遍历匹配 #

遍历arr2，对每个对象检查arr1中是否存在同名项，匹配则添加属性（返回新数组，不修改原对象）：

const result = arr2.map(item => {
  const isSelected = arr1.some(obj => obj.name === item.name);
  return isSelected ? { ...item, selected: true } : item;
});

方案二：性能优化版 #

先提取arr1中的所有name存入Set（查找效率为O(1)），再遍历arr2做匹配，适合数据量较大的场景：

const selectedNames = new Set(arr1.map(obj => obj.name));
const result = arr2.map(item => 
  selectedNames.has(item.name) ? { ...item, selected: true } : item
);

方案三：直接修改原数组对象 #

如果不需要保留原arr2的原始状态，可以直接修改原对象：

const selectedNames = new Set(arr1.map(obj => obj.name));
arr2.forEach(item => {
  if (selectedNames.has(item.name)) {
    item.selected = true;
  }
});

内容的提问来源于stack exchange，提问作者Max