本文介绍在 JavaScript 中高效合并多层嵌套数组（每个子数组包含对象），并依据 Time 和 Element 组合键去重，最终按语义分组为独立的子数组。核心思路是使用 Set 追踪已见键，结合 map + filter 实现一次性遍历去重与结构保持。

本文介绍在 javascript 中高效合并多层嵌套数组（每个子数组包含对象），并依据 `time` 和 `element` 组合键去重，最终按语义分组为独立的子数组。核心思路是使用 set 追踪已见键，结合 map + filter 实现一次性遍历去重与结构保持。

在实际开发中，我们常遇到类似场景：服务端返回多个数据批次（如不同时间戳拉取的日志、事件或状态快照），每个批次是对象数组，而整体需合并为“按业务语义分组、无重复项”的结果——例如将所有 { Element: 'Hi' } 归为一组，{ Element: 'Hello' } 为另一组，且同一 (Time, Element) 组合仅保留首次出现的对象。

关键挑战在于：不能简单扁平化后去重（会丢失原始分组逻辑），也不能只对顶层数组操作（如原代码误将子数组当作单个元素处理）。正确做法是：逐个处理每个子数组，在全局上下文中判断对象是否已存在，并保留其首次出现时所在的逻辑分组位置。

✅ 推荐方案：map() + filter() + 全局 Set

我们用一个 Set 记录已见过的唯一键（格式为 "Time$Element"），然后对每个子数组执行过滤——仅保留该子数组中「尚未被任何前置子数组添加过」的对象：

const arrays = [
  [{ Time: 45, Element: 'Hi' }, { Time: 55, Element: 'Hi' }, { Time: 65, Element: 'Hi' }],
  [{ Time: 45, Element: 'Hi' }, { Time: 55, Element: 'Hi' }, { Time: 65, Element: 'Hi' }, 
   { Time: 25, Element: 'Hello' }, { Time: 35, Element: 'Hello' }, { Time: 20, Element: 'Hello' }],
  [{ Time: 45, Element: 'Hi' }, { Time: 55, Element: 'Hi' }, { Time: 65, Element: 'Hi' },
   { Time: 25, Element: 'Hello' }, { Time: 35, Element: 'Hello' }, { Time: 20, Element: 'Hello' },
   { Time: 100, Element: 'Bye' }]
];

const seenKeys = new Set();
const mergedGroups = arrays
  .map(subArray => 
    subArray.filter(obj => {
      const key = `${obj.Time}$${obj.Element}`;
      if (seenKeys.has(key)) return false;
      seenKeys.add(key);
      return true;
    })
  )
  .filter(group => group.length > 0); // 移除空子数组

console.log("Merged Array:", mergedGroups);
// 输出：
// [
//   [{ Time: 45, Element: 'Hi' }, { Time: 55, Element: 'Hi' }, { Time: 65, Element: 'Hi' }],
//   [{ Time: 25, Element: 'Hello' }, { Time: 35, Element: 'Hello' }, { Time: 20, Element: 'Hello' }],
//   [{ Time: 100, Element: 'Bye' }]
// ]

⚠️ 注意事项与优化建议

• 键构造要防冲突：使用 $ 分隔符是安全的（因 Time 是数字，Element 是字符串，且 $ 不会自然出现在二者中）；若字段值可能含 $，建议改用更健壮方式，如 JSON.stringify([obj.Time, obj.Element])。
• 性能考量：map().filter() 会遍历两次顶层数组（一次生成，一次过滤空组）。如数据量极大，可改用单次 reduce()：

  const mergedGroups = arrays.reduce((acc, subArray) => {
    const filtered = subArray.filter(obj => {
      const key = `${obj.Time}$${obj.Element}`;
      if (seenKeys.has(key)) return false;
      seenKeys.add(key);
      return true;
    });
    if (filtered.length > 0) acc.push(filtered);
    return acc;
  }, []);

• 扩展性提示：若需按其他字段（如 id 或复合字段）去重，只需调整 key 的生成逻辑即可，整体结构完全复用。
• 不可变性提醒：以上方法不修改原始数组，符合函数式编程最佳实践；如需兼容旧环境，Set 可替换为 {} 对象模拟（但需注意数字键自动转字符串的隐式行为）。

该方案简洁、可读性强、时间复杂度为 O(N)，N 为所有对象总数，是处理此类嵌套去重分组问题的工业级推荐解法。