JavaScript匹配ID替换数组对象嵌套属性的最优实现方法

算力阿峰

2026-9-2

实现方案

你当前代码的核心问题有三个：

遍历逻辑颠倒：你需要修改的目标是arr1中的status.code字段，应该以arr1为遍历主体，而非反过来遍历arr2
嵌套find的写法性能差：每匹配一个元素都要完整遍历一次arr2，整体时间复杂度为O(n*m)，数据量稍大就会出现性能问题
三元表达式内写字符串逻辑没有实际执行赋值操作，无法得到预期结果

高性能高可读实现（推荐）

核心思路是先把arr2转成id为键的查找表，把单次查找的时间复杂度降到O(1)，整体时间复杂度优化到O(n+m)，逻辑分层清晰易维护：

// 第一步：遍历一次arr2，构建id到目标name的映射表
const idNameMap = new Map(
  arr2.map(item => [item.id, item.content.name])
);

// 第二步：遍历arr1做值替换，以下写法不会修改原数组，需要保留原始数据时用
const res = arr1.map(item => ({
  ...item,
  data: {
    ...item.data,
    status: {
      ...item.data.status,
      // 找不到匹配项时保留原有code值，避免出现undefined
      code: idNameMap.get(item.data.id) ?? item.data.status.code
    }
  }
}));

如果你不需要保留arr1的原始值，可以直接修改原数组，省去对象拷贝的开销，写法更简洁：

const idNameMap = new Map(arr2.map(i => [i.id, i.content.name]));
arr1.forEach(item => {
  const matchName = idNameMap.get(item.data.id);
  if (matchName !== undefined) {
    item.data.status.code = matchName;
  }
});