JavaScript中Set基于哈希表实现,插入、查找、删除平均O(1),自动用Object.is()判等;支持一行去重初始化、引用级判重、WeakSet防泄漏,转数组用[...set],遍历用for...of或forEach。

JavaScript 中 Set 天然适合高效存储不重复的集合值,核心在于它基于哈希表实现,插入、查找、删除平均时间复杂度接近 O(1),且自动用 Object.is() 判等,无需手动比对。
创建与初始化:一行代码完成去重
Set 构造函数接受任意可迭代对象(如数组、NodeList、字符串),自动过滤重复项:
-
const set = new Set([1, 2, 2, 3]);→ 得到{1, 2, 3} -
new Set('hello')→ 得到{'h', 'e', 'l', 'o'}(l只存一次) - 从 DOM 获取去重节点:
const buttons = [...new Set(document.querySelectorAll('.btn'))];
添加与判重:引用相等即视为同一元素
Set 对原始值按值比较,对对象(包括 DOM 节点)按内存引用比较:
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
-
set.add({a: 1}); set.add({a: 1});→ 存入两个对象(不同引用) -
const btn = document.getElementById('submit'); set.add(btn); set.add(btn);→ 实际只存一份 -
set.has(event.target)可快速判断某节点是否已存在,适合点击记录、状态标记等场景
内存管理:普通 Set 与 WeakSet 的选择
是否需要长期持有对象引用,决定了该用哪种结构:
立即学习“Java免费学习笔记(深入)”;
- 普通
Set:强引用,防止被垃圾回收。适合需持久保存、遍历或统计数量(set.size)的场景 -
WeakSet:只接受对象,不阻止回收,无size、不可遍历。适合临时标记(如“已处理过”“正在动画中”),避免内存泄漏 - 例如动态弹窗按钮频繁增删,用
const processed = new WeakSet(); processed.add(node);更安全
转回数组与遍历:灵活对接常用操作
Set 本身不支持索引访问,但转换和遍历非常轻量:
- 转数组:
[...set]或Array.from(set) - 遍历:
for (const item of set) { ... }或set.forEach(v => {...}) - 注意:不能用
set[0]或set.length,这是常见误用点

















