JavaScript中Set无内置并集方法,但可通过扩展运算符+new Set(适合固定数量数组)或reduce+Set(适合动态数组)实现并集;注意引用类型去重失效及大数据量时的性能优化。

JavaScript 的 Set 本身不提供直接的“并集”方法,但可以借助其去重特性和扩展运算符(...)或迭代器,轻松实现多个数组的并集计算——本质是把所有数组元素合并后丢进一个空 Set,它会自动去重。
用 Set 构造函数 + 扩展运算符一次性合并
这是最简洁常用的方式:把多个数组展开后传给 new Set(),再转回数组即可。
- 语法简单、可读性强,适合已知数组数量(如 2~5 个)的场景
- 底层原理:扩展运算符将各数组扁平化为参数列表,
Set构造函数接收所有元素并自动排重
示例:
const arr1 = [1, 2, 3]; const arr2 = [3, 4, 5]; const arr3 = [5, 6]; const union = [...new Set([...arr1, ...arr2, ...arr3])]; // [1, 2, 3, 4, 5, 6]
用 reduce + Set 实现动态多数组并集
当数组以集合形式存在(如数组的数组),或需在运行时动态决定参与并集的数组时,用 reduce 更灵活。
立即学习“Java免费学习笔记(深入)”;
- 每次迭代将当前数组的每个元素添加到累积的
Set中(set.add()重复添加无副作用) - 最后用扩展运算符转为普通数组,保持插入顺序(ES2015+ 中
Set遍历顺序 = 插入顺序)
示例:
const arrays = [[1, 2], [2, 3, 4], [4, 5]];
const union = [...arrays.reduce((set, arr) => {
arr.forEach(item => set.add(item));
return set;
}, new Set())]; // [1, 2, 3, 4, 5]
注意类型与引用值的限制
Set 的去重基于 SameValueZero 算法,对基本类型(数字、字符串、布尔值等)完全可靠;但对对象、数组等引用类型,只比较引用地址,不深比较内容。
-
[1, 2]和[1, 2]被视为两个不同元素,因为它们是不同对象 - 若需对象数组去重,应先提取唯一标识(如
id字段),或改用 Map + 手动逻辑
示例(引用不生效):
const objArr1 = [{id: 1}, {id: 2}];
const objArr2 = [{id: 2}, {id: 3}];
const unionObj = [...new Set([...objArr1, ...objArr2])]; // 仍是 4 个对象
// 正确做法:先 flatMap 提取 id,再用 Set 去重,最后映射回对象(需额外逻辑)
性能与内存的小提醒
对于超大数组(如十万级),直接展开可能触发 V8 的“参数过多”限制(虽然现代引擎已大幅放宽),此时建议用 for...of 或 forEach 循环逐个 add,更可控。
- 避免写成
[...arr1, ...arr2, ...arr3].reduce(...)—— 先拼大数组再处理,浪费内存 - 推荐:用空
Set作累加器,遍历每个子数组,逐个add,空间复杂度更优


















