JavaScript 中怎么使用 Set 的 add 和 has 方法操作数据-js教程-PHP中文网

javascript 的 set 是存储唯一值的集合，add() 添加元素（支持链式调用且重复无效），has() 判断存在性（基于 ===，o(1) 查找），常用于去重与防重逻辑。

javascript 中怎么使用 set 的 add 和 has 方法操作数据

JavaScript 中的 Set 是一种集合数据结构，它只存储唯一值，不重复、无索引、不保证顺序（但实际插入顺序会被保留）。add() 和 has() 是最常用的方法：前者用于添加元素，后者用于判断某个值是否已存在。

add()：向 Set 添加唯一值

add() 方法接收一个参数（任意类型），将它加入 Set。如果该值已存在，则不会重复添加，也不会报错，Set 保持不变。

支持任意类型：数字、字符串、布尔、对象、Symbol，甚至 undefined 和 null
注意：对象和数组是按引用比较的，两个内容相同的对象仍被视为不同元素
方法返回 Set 本身，支持链式调用

示例：

const s = new Set();
s.add(1).add('a').add(true); // 链式添加
s.add(1); // 无效，1 已存在
console.log(s); // Set { 1, 'a', true }

has()：快速判断值是否存在

has() 接收一个参数，返回布尔值：true 表示该值已在 Set 中，false 表示不存在。它的查找时间复杂度接近 O(1)，比数组 includes() 或 indexOf() 更高效。

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

判断依据是严格相等（===），所以 has(0) 和 has(-0) 都返回 true（JS 中 0 === -0）
对 NaN 的处理特殊：new Set([NaN]).has(NaN) 返回 true，而数组的 includes() 也支持，但传统 indexOf() 不行
对象需使用同一引用才能命中：const obj = {}; s.add(obj); s.has(obj) → true；但 s.has({}) → false

结合 add 和 has 实现去重或条件添加

常见用途是避免重复插入，比如在事件处理、缓存管理或表单提交防重时。

先 has() 判断，再 add() —— 显式控制逻辑
直接 add() 也安全，因为重复添加无副作用，适合简单场景

示例（仅当不存在时才添加并执行后续操作）：

const visited = new Set();
function visitPage(url) {
  if (!visited.has(url)) {
    visited.add(url);
    console.log('首次访问：', url);
    // 这里可以发起请求、记录日志等
  }
}
visitPage('/home'); // 首次访问：/home
visitPage('/home'); // 无输出