求助：如何在JavaScript中合并同键不同长度的两个数组

嗨Jamie！我明白你现在遇到的问题了——合并两个同键但长度不一样的数组，还要保证结果严格按周序排列对吧？我来给你一步步拆解可行的解决方案~

核心思路 #

我们需要基于共同的周键（比如week字段）匹配两个数组的元素，合并对应属性；同时保留仅在单个数组中存在的周数据，最后统一按周的顺序排序。

示例数据 #

先假设你的两个数组结构如下（方便演示）：

// 数组1：每周销售额数据（共3周）
const salesData = [
  { week: "2024-W01", sales: 1200 },
  { week: "2024-W03", sales: 1800 },
  { week: "2024-W04", sales: 2100 }
];

// 数组2：每周访客数数据（共5周）
const visitorData = [
  { week: "2024-W01", visitors: 350 },
  { week: "2024-W02", visitors: 420 },
  { week: "2024-W03", visitors: 510 },
  { week: "2024-W05", visitors: 600 },
  { week: "2024-W06", visitors: 580 }
];

完整解决方案代码 #

// 1. 将第一个数组转为Map，用week作为键，快速查找匹配项
const salesMap = new Map(salesData.map(item => [item.week, item]));

// 2. 合并两个数组的元素
const mergedArray = [];

// 先处理第二个数组的所有元素，合并对应的销售额数据
visitorData.forEach(item => {
  mergedArray.push({
    ...salesMap.get(item.week), // 取出对应周的销售额（如果存在）
    ...item // 覆盖/添加访客数数据
  });
  // 删除已处理的项，避免后续重复添加
  salesMap.delete(item.week);
});

// 添加第一个数组中未匹配到的剩余项
mergedArray.push(...salesMap.values());

// 3. 按周序排序（针对YYYY-WXX格式的周字符串，直接localeCompare即可）
mergedArray.sort((a, b) => a.week.localeCompare(b.week));

console.log(mergedArray);

最终输出结果 #

运行后你会得到按周序排列的合并数组：

[
  { week: "2024-W01", sales: 1200, visitors: 350 },
  { week: "2024-W02", visitors: 420 },
  { week: "2024-W03", sales: 1800, visitors: 510 },
  { week: "2024-W04", sales: 2100 },
  { week: "2024-W05", visitors: 600 },
  { week: "2024-W06", visitors: 580 }
]

注意事项 #

• 如果你的周格式是纯数字（比如1、2），排序时需要转成数字比较：

  mergedArray.sort((a, b) => parseInt(a.week) - parseInt(b.week));
  

• 如果两个数组存在同一周的重复项，当前逻辑会以后遍历的数组（示例中是visitorData）的属性为准，若需要自定义合并规则，可以修改{...salesMap.get(item.week), ...item}这部分逻辑
• 使用Map而非普通对象的好处是：支持任意类型的键，且在处理大数据量时查找效率更高（O(1)复杂度）

如果你的数组结构或周格式和示例不同，随时告诉我细节，我再帮你调整方案~

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