javascript Set对象是什么_如何存储唯一值？

夢幻星辰 2026-01-11 00:00:00 次阅读

Set 是 JavaScript 中基于严格相等（===）且支持 NaN 自等的唯一值有序集合，自动去重、按插入顺序存储，不支持索引访问和键名语义。

Set 是什么：JavaScript 中的唯一值集合

Set 是 JavaScript 内置的构造函数，用于创建一个元素**值唯一**的有序集合。它不基于键名（不像 Object 或 Map），而是直接按插入顺序保存值，且自动去重——相同值（严格相等 ===）只保留一个。

如何用 Set 存储唯一值：基本操作与注意事项

创建 Set 后，用 add() 插入值；重复调用对同一值无效。Set 不会强制类型转换，5 和 "5" 被视为不同值。

new Set() 构造时可传入可迭代对象（如数组、字符串），自动去重
add() 返回 Set 本身，支持链式调用
has() 判断是否存在某值，比数组 includes() 在大数据量下更快（平均 O(1)）
delete() 删除指定值，返回布尔值表示是否成功

const s = new Set([1, 2, 2, 3, "2", 1]);
console.log(s); // Set(4) {1, 2, 3, "2"}

s.add(4).add(2); // 第二个 add(2) 无效果
console.log(s.size); // 5

console.log(s.has("2")); // true
console.log(s.has(2));   // true —— 数字 2 和字符串 "2" 共存

Set 去重的底层依据：严格相等（===）与特殊值处理

Set 使用 SameValueZero 算法判断重复，和 === 几乎一致，但有个关键例外：NaN 被认为等于自身（而 NaN === NaN 是 false）。这是唯一让 Set 表现出“非严格相等”行为的地方。

0 和 -0 在 Set 中被视为不同值（0 === -0 为 true，但 Set 仍区分）
NaN 只会存一份，即使多次 add(NaN)
对象引用不同即视为不同值，哪怕内容完全一样

const s = new Set();
s.add(NaN);
s.add(NaN);
console.log(s.size); // 1

s.add(0);
s.add(-0);
console.log(s.size); // 3（NaN、0、-0）

s.add({a: 1});
s.add({a: 1});
console.log(s.size); // 4 —— 两个对象引用不同