如何匹配两个对象数组的id并为对象添加对应mfa_name

你原来的代码是通过数组索引来合并两个数组，但你的需求是按mfaserviceid和id字段匹配，不是按元素在数组中的位置对应，所以当两个数组的元素顺序不一致时，就会出现匹配错误或者完全不对的情况。

方法一：遍历匹配（适合数据量小的场景） #

const mergedRes = data.map(item => {
  // 在mfaData中找到id与当前item的mfaserviceid匹配的元素
  const matchedMfa = mfaData.find(mfaItem => mfaItem.id === item.mfaserviceid);
  // 合并原对象与匹配到的mfa_name，无匹配则保留原对象
  return {
    ...item,
    ...(matchedMfa && { mfa_name: matchedMfa.mfa_name })
  };
});

方法二：映射表匹配（适合数据量大的场景） #

先把mfaData转成以id为键、mfa_name为值的映射表，再快速匹配，效率更高：

// 构建id到mfa_name的映射表
const mfaMap = mfaData.reduce((map, item) => {
  map[item.id] = item.mfa_name;
  return map;
}, {});

// 遍历data数组完成合并
const mergedRes = data.map(item => ({
  ...item,
  // 若没有匹配项，可替换为默认值或保留原mfa_name
  mfa_name: mfaMap[item.mfaserviceid] || item.mfa_name
}));

注意事项 #

• 确保mfaserviceid和id的类型一致（同为字符串或数字），避免因类型不匹配导致匹配失败
• 如果需要处理无匹配项的情况，可自行调整mfa_name的赋值逻辑，比如设为'未匹配'或undefined

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