J*aScript中的Set用于存储唯一值，自动去重，支持add、delete、has、clear方法及size属性，可通过展开运算符与数组互转，适合处理数组去重和集合运算（并集、交集、差集），但对象去重需结合Map或属性判断。

J*aScript 中的 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]);

利用 Set 实现高效去重

对原始类型（如数字、字符串）数组去重，Set 是最简洁高效的方式。

OneStory

OneStory 是一款创新的AI故事生成助手，用AI快速生成连续性、一致性的角色和故事。

319 查看详情 const names = ['Alice', 'Bob', 'Alice', 'Charlie']; const uniqueNames = [...new Set(names)]; // ['Alice', 'Bob', 'Charlie']

注意：Set 判断相等基于“Same-value-zero”算法，能正确处理 NaN（NaN 相等），但对对象仍按引用比较。

const objSet = new Set([{id: 1}, {id: 1}]); objSet.size; // 2，因为是两个不同对象引用

若需按对象属性去重，需结合 Map 或先提取唯一键。

const users = [{id: 1, name: 'A'}, {id: 2, name: 'B'}, {id: 1, name: 'A'}]; const seen = new Set(); const filtered = users.filter(user => { if (seen.has(user.id)) return false; seen.add(user.id); return true; });

Set 的集合运算技巧

可以用 Set 实现交集、并集、差集等操作。

const a = new Set([1, 2, 3]); const b = new Set([2, 3, 4]); // 并集 const union = new Set([...a, ...b]); // {1, 2, 3, 4} // 交集 const intersect = new Set([...a].filter(x => b.has(x))); // {2, 3} // 差集（a 有但 b 没有的） const difference = new Set([...a].filter(x => !b.has(x))); // {1}

基本上就这些。Set 简洁强大，特别适合去重和集合逻辑处理，掌握后能显著提升代码清晰度和性能。

以上就是JSSet数据结构怎么用_J*aScriptSet集合使用方法与去重技巧的详细内容，更多请关注其它相关文章！

# 移除  # 山东平原网站建设  # 宁波seo服务公司  # 信阳营销推广效果  # 网站建设优化去哪学  # 合川的抖音seo团队  # seo批量获取  # 宿迁seo网站排名优化软件教程  # 虎门抖音seo推广  # 小学书购买网站排名优化  # 禹城网站建设操作简单  # 掩码  # 复选框  # js语法教程  # 图中  # 可通过  # 迭代  # 数据处理  # 多个  # 运算符  # 数据结构  # red  # 可迭代对象  # js  # java  # javascript 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 今日头条怎么同步内容到抖音_今日头条内容同步到抖音教程  俄罗斯搜索引擎Yandex指南 附2025年免登录官网入口  sublime如何配置Python开发环境_将sublime打造成轻量级Python IDE  Spyder启动失败：字体文件权限拒绝错误解决方案  Centos/Linux 系统下安装 composer 的完整步骤  特斯拉自动驾驶房车计划曝光 原型车将于2027年亮相  解决Django多数据库/多Schema环境下外键迁移问题  《燕云十六声》两周内达九百万玩家！位居畅销榜第五  妖精动漫免费平台 妖精动漫官网资源观看网址  如何创建独立于主系统的J*a运行环境_隔离式环境搭建策略  CSS如何设置hover状态颜色_hover伪类调整背景或文字颜色  Lar*el表单中优雅地处理“返回”按钮以规避验证：最佳实践指南  html网页设计源代码怎么运行_运行html网页设计源代码步骤【指南】  Promise错误处理：在catch后终止链式then执行的策略  React/Next.js中实现列表项的动态移动与状态管理：兼论唯一键的重要性  内存疯狂猛猛涨价：主板销量直接腰斩！  Python：递归比较文件夹内容并找出特定类型文件的差异  PS5 Pro有点优势但不多！ 《燕云十六声》PS5平台与PC性能画面对比  HuggingFaceEmbeddings中向量嵌入维度调整的限制与理解  LocoySpider如何部署到云服务器_LocoySpider云部署的远程配置  漫蛙网页登录入口 漫蛙漫画官方授权网址  俄罗斯Yandex搜索引擎入口_Yandex官网免登录一键访问  qq邮箱发邮件给国外发不出去_QQ邮箱国际邮件发送失败原因与解决  PowerPoint如何制作滚动字幕结尾彩蛋_PowerPoint路径动画实现平滑滚动字幕效果  C++ typeid如何获取类型信息_C++ RTTI运行时类型识别用法  解决 Express.js 中 PUT 请求密码修改失败的路由配置指南  妖精漫画网页版登录入口免费_妖精漫画官网主页直接阅读漫画  Pandas DataFrame：高效添加条件计算列  sublime如何配置Go语言开发环境_sublime搭建Golang编译运行系统  圆通快递查询实时追踪 圆通物流包裹状态快速查看  Eclipse怎么运行工程_Eclipse工程运行配置说明  动漫岛观看全网网 动漫岛在线正版动漫入口  夸克浏览器网页版最新地址 夸克浏览器官方入口合集  优酷会员付费后没到账怎么办_优酷会员充值异常及解决方法  天猫双十一预售商品怎么退款_天猫双十一预售退款操作指南  Bing引擎入口最新2025 Bing搜索免费官方登录  2025-2030年全球乘用车销量预测：新能源成增长主力  Windows电脑怎么截图最方便_系统自带截图工具的5种神仙用法【技巧】  Win10快速启动功能利弊分析 Win10开启或关闭快速启动教程【技巧】  微信网页版官方快速登录入口 微信网页版网页版账号直达  为什么简单的XML文件也会解析失败？ 检查隐藏的非打印字符（如BOM）的方法  Django AJAX 文件上传教程：解决图片无法保存到模型的常见问题  ArrayList与LinkedList核心操作的Big-O复杂度分析  如何在低配置电脑上搭建轻量级J*a环境_占用更小的环境选择技巧  微博网页版官方账号登录 微博网页版内容浏览使用指南  PrimeNG Sidebar背景色自定义指南：CSS覆盖与主题化实践  c++中的std::basic_string的SSO优化_c++短字符串优化深度解析  包子漫画官方网站在线链接-包子漫画在线阅读平台主页地址  2025年云电脑操作系统体验 | 无需本地硬件，随时随地使用高性能PC  微信网页版扫码登录入口 微信网页版二维码登录入口