当前位置：首页 > 文章列表 > 文章 > 前端 > JSSet集合使用与去重技巧详解

JSSet集合使用与去重技巧详解

2026-04-17 18:14:45 0浏览收藏

JavaScript 的 Set 是一种强大而简洁的内置数据结构，专为存储唯一值设计，能自动基于“Same-value-zero”算法实现高效去重（甚至正确识别 NaN 相等），轻松应对数组去重、集合运算（并集、交集、差集）等高频需求；它支持直观的 add/delete/has/clear 操作和 size 属性，并可通过展开运算符与数组无缝互转；虽对对象按引用去重需额外处理（如结合 Map 或属性键判断），但其清晰语义、卓越性能和广泛适用性，使其成为现代前端开发中提升代码质量与运行效率的必备利器。

JSSet数据结构怎么用_JavaScriptSet集合使用方法与去重技巧

JavaScript 中的 Set 是一种内置的数据结构，用于存储唯一值的集合。无论你传入什么类型的值——数字、字符串、对象、甚至 undefined 和 null——Set 都会自动去重，确保每个值只出现一次。它在处理数组去重、集合运算等场景中非常实用。

创建和基本操作

使用 new Set() 可以创建一个 Set 实例。你可以传入一个可迭代对象（如数组）来初始化数据。

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

常用方法包括：

add(value)：添加值
delete(value)：删除值
has(value)：判断是否存在
clear()：清空所有值
size：获取元素数量

mySet.add(5); mySet.has(3); // true mySet.size; // 5

Set 与数组互转

Set 常配合数组使用，可通过展开运算符或 Array.from() 转换。

// Set 转数组 const arrFromSet = [...mySet]; // 数组去重的经典写法 const uniqueArr = [...new Set([1, 2, 2, 3])]; // [1, 2, 3] // 数组转 Set const setFromArr = new Set([1, 2, 3]);