原生 Set 没有 symmetricDifference 是因 ES2015 设计时为避免 API 膨胀而刻意省略,需手动实现;可靠写法是遍历两集合分别添加对方不含的元素,返回新 Set,兼容任意可迭代对象且基于 SameValueZero 比较。

symmetricDifference 不是 JavaScript 原生 Set 的方法,直接调用会报 TypeError: set1.symmetricDifference is not a function。你得自己实现,或借助第三方库(如 Lodash),但原生方案更轻量、可控。
为什么原生 Set 没有 symmetricDifference
ES2015 引入 Set 时只提供了基础操作:add、delete、has、size,集合运算(交、并、差、对称差)全靠手动组合 forEach + has 实现。这不是遗漏,而是设计取舍——避免 API 膨胀,把逻辑权留给开发者。
手写 symmetricDifference 的可靠写法
对称差 = 属于 A 或 B,但不同时属于两者。等价于 (A - B) ∪ (B - A)。下面这个实现兼容所有可迭代对象(包括数组、字符串、Map.keys() 等),且返回新 Set,不修改原集合:
function symmetricDifference(set1, set2) {
const diff = new Set();
for (const item of set1) {
if (!set2.has(item)) diff.add(item);
}
for (const item of set2) {
if (!set1.has(item)) diff.add(item);
}
return diff;
}
- 别用
[...set1].filter(...)—— 会创建中间数组,大集合下内存和性能双损 - 别漏掉第二个循环:只遍历
set1只能得到set1 - set2,不是对称差 - 如果传入的是数组而非
Set,先转成Set再传入,否则has方法不存在
用 Lodash 的 difference 和 union 组合行不行
可以,但不推荐。Lodash 的 difference 返回数组,union 也返回数组,再转回 Set 多两轮遍历;而且它默认浅比较,对对象引用敏感,容易误判:
// ❌ 错误示例:两个不同引用的对象被视为不同,即使内容一样
const a = new Set([{x: 1}]);
const b = new Set([{x: 1}]);
_.union(_.difference([...a], [...b]), _.difference([...b], [...a])); // 长度为 2
- 原生手写方案天然支持任意类型(只要能被
Set存储,即满足 SameValueZero 比较) - Lodash 在浏览器环境引入额外 20KB+ 体积,只为一个集合运算不划算
- 若已在用 Lodash 且确定只处理原始值(数字、字符串),可用
_.xor—— 它语义就是对称差,但注意它接受数组,不是Set
真正要注意的,是 Set 本身对 NaN 和 undefined 的处理:它们能被正确去重,但如果你在差集逻辑里混用了 == 或 === 判断,结果就不可控了。手写函数里全程走 Set.prototype.has(),这点反而最稳。










