如何通过 Set.prototype.union()（ES2024）合并多个独立的数据源并自动处理重复-js教程-PHP中文网

set.prototype.union() 尚未被主流浏览器和 node.js 支持，应使用 new set([...seta, ...setb, ...setc]) 实现并集；超大数据量改用 for...of 循环 add，对象去重需自定义逻辑。

如何通过 set.prototype.union()（es2024）合并多个独立的数据源并自动处理重复

Set.prototype.union() 是 ES2024 新增的原生方法，但它目前尚未被主流浏览器和 Node.js 环境广泛支持（截至 2026 年 5 月，Chrome 125、Firefox 124、Safari 17.4 仍无原生实现；TypeScript 5.4 类型定义中已声明但运行时不可用）。因此，现实中不能直接调用 setA.union(setB, setC) —— 这是常见误解的源头。

你查文档没找到 .union()，不是你操作错，而是它还没真正落地。

✅ 正确替代方案：用展开运算符 + `new Set()`

这是当前最简洁、兼容性最好、性能也最优的做法：

const setA = new Set([1, 2, 3]);
const setB = new Set([2, 3, 4]);
const setC = new Set([3, 4, 5]);

const union = new Set([...setA, ...setB, ...setC]);
// → Set { 1, 2, 3, 4, 5 }

自动去重：Set 构造器天然丢弃重复值
支持任意数量：[...a, ...b, ...c, ...d] 可无限扩展
不修改原集合：纯函数式，安全可靠

⚠️ 注意事项：哪些情况不能直接展开？

场景	问题	解决思路
含对象/嵌套结构的 Set	对象默认不被识别为相等（`{} !== {}`），展开后仍重复	先序列化：`JSON.stringify(item, sort_keys=true)` 再进 Set；或自定义 `Map` + `keyFn` 去重
自定义类实例	`new User(1)` 和 `new User(1)` 默认 hash 不同	实现 `Symbol.hasInstance`？不对——应确保 `obj1.equals(obj2)` 且 `obj1[Symbol.hash] === obj2[Symbol.hash]`，再配合 `Map` 手动合并
超大数据量（>10⁵ 项）	展开语法可能触发内存或栈限制	改用 `for...of` 循环逐个 `add()`，避免一次性解构

? 如果你坚持模拟 `.union()` 方法

可安全地为 Set.prototype 添加补丁（仅在未定义时）：

if (!Set.prototype.union) {
  Set.prototype.union = function (...others) {
    const result = new Set(this);
    for (const other of others) {
      if (other && typeof other === 'object' && typeof other[Symbol.iterator] === 'function') {
        for (const item of other) result.add(item);
      }
    }
    return result;
  };
}

// 使用：
const u = setA.union(setB, setC); // ✅ 现在可以这样写了

⚠️ 注意：生产环境建议用工具库（如 lodash-es 的 union）或封装成独立函数，避免污染全局原型。