如何匹配数组对象ID与对象键值，为数组对象添加Counter属性？

先明确核心需求：我们要把reviewerCounters中对应ID的数值，作为新属性counter（和示例保持一致用小写），添加到reviewers数组里的对应对象中，且两个集合的元素数量是完全匹配的。

最推荐的高效实现方式 #

当数据量较大时，用Map优化查找效率是最优解——Map的键值对查找时间复杂度是O(1)，整体操作下来时间复杂度为O(n)，远优于嵌套遍历的O(n²)。代码如下：

function addCounterToReviewers(reviewers, reviewerCounters) {
  // 将计数器对象转为Map，实现ID与数值的快速匹配
  const counterMap = new Map(Object.entries(reviewerCounters));
  
  // 遍历数组并返回新对象数组（不修改原数组，避免副作用）
  return reviewers.map(reviewer => {
    // 处理ID为空/未匹配到的情况，默认给'0'（可根据需求调整）
    const counterVal = counterMap.get(reviewer.id);
    return {
      ...reviewer,
      counter: counterVal != null ? String(counterVal) : '0'
    };
  });
}

若需直接修改原数组（而非返回新数组） #

如果业务场景允许修改原数组，可以用forEach直接赋值，代码更简洁：

function addCounterToReviewersInPlace(reviewers, reviewerCounters) {
  const counterMap = new Map(Object.entries(reviewerCounters));
  reviewers.forEach(reviewer => {
    // 用空值合并运算符处理未匹配的ID，默认设为'0'
    reviewer.counter = String(counterMap.get(reviewer.id) ?? 0);
  });
}

为什么这是最优解？ #

• 效率优先：无论数组规模多大，整个操作都是线性时间复杂度，数据量越大，对比嵌套遍历的优势越明显。
• 可读性强：Map的作用一目了然，代码逻辑清晰，后续维护成本低。
• 健壮性高：提前处理了ID为空或未匹配的情况，避免出现undefined影响后续逻辑。

小数据量的简化写法（不推荐用于大数据） #

如果你的数据量极小（比如几十条以内），也可以省略Map直接取值，但本质是O(n²)的时间复杂度，数据量大时性能会明显下降：

function addCounterToReviewers(reviewers, reviewerCounters) {
  return reviewers.map(reviewer => ({
    ...reviewer,
    counter: String(reviewerCounters[reviewer.id] ?? 0)
  }));
}

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