如何在JavaScript中基于条件/索引替换内层数组元素？

原代码的核心问题是两层嵌套forEach循环：每遍历ar1的一行时，会把ar2的所有行都执行一遍赋值操作，导致ar1的每一行最终都会被ar2的最后一行数据覆盖；同时代码完全没有基于Client字段进行匹配的逻辑，这显然无法实现“对应Client替换对应URL”的需求。

我们可以先基于Client字段将ar2的数据转换成映射表，再遍历ar1进行精准匹配替换，既保证准确性又提升效率：

let ar1 = [
  ["Client", "Date", "Label1", "Label2"],
  ["A", "11/15/2022", "Label1", "Label2"],
  ["B", "11/15/2022", "Label1", "Label2"],
  ["C", "11/15/2022", "Label1", "Label2"]
];
const label1Col = ar1[0].indexOf('Label1');
const label2Col = ar1[0].indexOf('Label2');
const clientColAr1 = ar1[0].indexOf('Client');

let ar2 = [
  ["Client", "Date", "Label2", "Label1"],
  ["A", "11/15/2022", "www.elonscrewing.com", "www.google.com"],
  ["B", "11/15/2022", "www.elonscrewing.com", "www.google.com"],
  ["C", "11/15/2022", "www.elonscrewing.com", "www.google.com"]
];
const ar2label1Col = ar2[0].indexOf('Label1');
const ar2label2Col = ar2[0].indexOf('Label2');
const clientColAr2 = ar2[0].indexOf('Client');

// 将ar2转换为以Client为键的映射表，快速查找对应URL
const clientUrlMap = {};
ar2.slice(1).forEach(row => {
  const client = row[clientColAr2];
  clientUrlMap[client] = {
    label1: row[ar2label1Col],
    label2: row[ar2label2Col]
  };
});

// 遍历ar1替换对应内容（跳过表头行）
ar1.slice(1).forEach(row => {
  const client = row[clientColAr1];
  if (clientUrlMap[client]) {
    row[label1Col] = clientUrlMap[client].label1;
    row[label2Col] = clientUrlMap[client].label2;
  }
});

console.log(ar1);

1. 构建映射表：把ar2的数据转换成{ Client: { label1: 对应URL, label2: 对应URL } }的结构，后续查找时直接通过Client定位，时间复杂度从O(n²)优化到O(n)
2. 精准替换：遍历ar1的业务数据行（跳过表头），根据当前行的Client从映射表中取出对应URL，替换Label1和Label2列的内容
3. 兼容处理：如果ar1中存在ar2未收录的Client，会保留原内容，避免出现异常

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