首页 游戏 软件 资讯 排行榜 专题
首页
前端开发
JavaScript中Set集合存储原始类型时的去重逻辑

JavaScript中Set集合存储原始类型时的去重逻辑

热心网友
36
转载
2026-04-27

Ja vaScript中Set对原始类型去重基于严格相等(===),但NaN视为相同、0与-0相等;包装对象不自动解包,需显式转换;空字符串、0、false等互不相等。

Ja vaScript中Set集合存储原始类型时的去重逻辑

免费影视、动漫、音乐、游戏、小说资源长期稳定更新! 👉 点此立即查看 👈

说到Ja vaScript里用Set给数组去重,很多人觉得简单直接。但你是否想过,当你往里扔数字、字符串这些原始类型时,Set到底是怎么判断“重复”的?答案就藏在严格相等(===)比较规则里。它不搞任何隐式转换,也不理会引用包装,一切都按语言的底层规范来,既严谨,又有些意料之外的“小脾气”。

原始类型的值比较直接且确定

Set在处理原始值时,逻辑非常清晰:完全遵循严格相等算法。这意味着,什么情况会去重,什么情况会保留,其实都有据可循。

  • 数字:这里有个特别之处。0-0在ES2015之后被规定为相等,所以new Set([0, -0])最终只会保留一个0。而NaN的情况更有意思:虽然NaN === NaN返回false,但Set内部特别约定,视所有NaN为相同值。所以new Set([NaN, NaN])的长度是1,这算是语言给我们的一个实用性的例外。
  • 字符串:就是逐字符的精确比对。“1”1因为类型不同,在Set眼里就是两个独立元素,不会混为一谈。
  • 布尔值、undefined、null:这几个值各自为政。truefalseundefinednull之间互不相等,也绝不会和其他原始类型划上等号。
  • Symbol:每个Symbol()都是独一无二的存在,即便描述符相同,比如Symbol('a')和另一个Symbol('a'),在Set里也是两个独立项。
  • BigInt:大整数类型的比较符合直觉。1n === 1false,而1n === 1ntrue,Set能准确地进行区分和去重。

注意包装对象不会自动解包

这里是实践中一个常见的坑。如果你不小心传入了原始类型的包装对象,比如new String(“a”)new Number(42),Set可不会好心帮你“拆箱”。

  • 看看这个例子:new Set([“a”, new String(“a”)])的长度会是2。原因很简单,字符串字面量是primitive(原始值),而new String(“a”)返回的是一个object(对象),严格相等比较下,两者类型不同。
  • 同理,new Set([42, new Number(42)])也会保留两个元素。
  • 如果确实需要统一处理,就必须手动进行显式转换,比如调用.valueOf()方法,或者在构造Set前,先用String()Number()等函数处理一遍数据。

常见易错点提醒

根据经验,有几个细节特别容易让人栽跟头,值得单独拎出来强调一下:

立即学习“Ja va免费学习笔记(深入)”;

  • 记住,0-0+0在Set眼中是同一个值。
  • NaN虽然“自不相认”,但在Set的大家庭里,它只认第一个出现的同胞。
  • 空字符串“”、数字0、布尔值false,还有nullundefined,它们彼此之间两两都不相等,Set不会将它们中的任何两个合并。
  • 字符串比较是严格的,带不带前导零、字母大小写,都会导致被视为不同元素。“01”“1”“A”“a”,都不会被模糊匹配掉。

摸透这些门道之后,你会发现Set对原始类型的去重行为其实相当可靠。它不猜测、不推断,只是忠实地执行语言规范定义的那套相等逻辑。用好了,它就是数据清洗时一把锋利且准绳清晰的工具。

来源:https://www.php.cn/faq/2302647.html
免责声明: 游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。

相关攻略

JavaScript中Set集合存储原始类型时的去重逻辑
前端开发
JavaScript中Set集合存储原始类型时的去重逻辑

Ja vaScript中Set对原始类型去重基于严格相等(===),但NaN视为相同、0与-0相等;包装对象不自动解包,需显式转换;空字符串、0、false等互不相等。 说到Ja vaScript里用Set给数组去重,很多人觉得简单直接。但你是否想过,当你往里扔数字、字符串这些原始类型时,Set到底

热心网友
04.27
如何在 JavaScript 中遍历二维数组并基于另一数组进行存在性标记
前端开发
如何在 JavaScript 中遍历二维数组并基于另一数组进行存在性标记

如何在 Ja vaScript 中遍历二维数组并基于另一数组进行存在性标记 本文介绍如何高效地遍历一个包含货币代码与数值的二维数组,根据另一个货币代码数组判断每个条目是否匹配,并在原数组每项末尾追加 1(存在)或 0(不存在)。 本文介绍如何高效地遍历一个包含货币代码与数值的二维数组,根据另一个货币

热心网友
04.27
前端开发简介
前端开发
前端开发简介

前端开发 一提到建网站,很多人脑海里可能先浮现出设计师的视觉稿。但如何把这些图纸变成用户指尖可以交互的真实页面?这就是前端开发的核心舞台了。简单来说,它就是用代码把网站的界面与功能实现出来的全过程。随着互联网成为基础设施,这个角色的重要性不言而喻。今天,我们就来聊聊构成前端世界的几块核心基石。 HT

热心网友
04.27
前端开发大致总结
前端开发
前端开发大致总结

前端开发:从技术心结到成就梦想的路径 踏入前端世界,总带着些情结与心结。那些关于框架、关于技术的念头,有时如乱麻,但核心始终如一:技术成就梦想。而实现这一切,起点在于如何有效地管理你的注意力。 基础与框架:并非对立,而是阶梯 很多人纠结于基础(Ja vaScript、BOM、DOM)与框架(如Ang

热心网友
04.27
JavaScript中无限序列生成器在懒加载迭代中的应用
前端开发
JavaScript中无限序列生成器在懒加载迭代中的应用

Ja vaScript无限序列生成器:基于yield的懒加载利器 在Ja vaScript里,如果你想搞一个“无穷无尽”的序列——比如源源不断的自然数,或者无限延伸的斐波那契数列——用生成器(Generator)搭配 yield 和迭代器协议,几乎是量身定做的方案。它的妙处在于“懒”:不提前算好所有

热心网友
04.27

最新APP

宝宝过生日
宝宝过生日
应用辅助 04-07
台球世界
台球世界
体育竞技 04-07
解绳子
解绳子
休闲益智 04-07
骑兵冲突
骑兵冲突
棋牌策略 04-07
三国真龙传
三国真龙传
角色扮演 04-07

热门推荐

比特币实时行情k线图软件app 比特币价格实时k线走势图分析
web3.0
比特币实时行情k线图软件app 比特币价格实时k线走势图分析

想要随时掌握比特币行情走势?这款工具能帮你精准分析价格波动 在瞬息万变的数字货币市场,能否精准捕捉价格波动,往往决定了交易的成败。今天要介绍的这款比特币实时K线图软件,正是为这个目标而生。它不仅能让你随时查看实时价格、回溯历史K线,更集成了直接交易功能,堪称一站式行情分析与交易工具。接下来,我们就详

热心网友
04.28
《红色沙漠》蒂娜的请求支线攻略-详细任务流程解析
游戏攻略
《红色沙漠》蒂娜的请求支线攻略-详细任务流程解析

任务速览 本攻略将为您详细解析《红色沙漠》中的支线任务“蒂娜的请求”完整流程。从任务触发条件、关键物品获取到最终交付位置,一步步指导您高效完成任务,确保奖励轻松入袋。 《红色沙漠》支线任务“蒂娜的请求”图文攻略 该任务核心是帮助裁缝师蒂娜完成一次委托配送,将一顶精心制作的贵族帽子送至指定客户手中。流

热心网友
04.28
《洛克王国世界》免费神秘蛋获取攻略-神秘蛋位置详解
游戏攻略
《洛克王国世界》免费神秘蛋获取攻略-神秘蛋位置详解

速览 你是否想在《洛克王国世界》中免费获得能孵出稀有精灵的神秘蛋?本文不仅为你揭秘几个固定的免费获取位置,还将深度解析游戏内各类精灵蛋的机制差异,帮助你制定高效的收集与孵化策略,轻松提升精灵培养效率。 《洛克王国世界》免费神秘蛋固定位置盘点 信仰者部落免费蛋点位 第一个固定点位位于【信仰者部落】区域

热心网友
04.28
蚂蚁新村4月5日答案更新2026
游戏攻略
蚂蚁新村4月5日答案更新2026

蚂蚁新村每日一题答案汇总:2026年4月2日、4月3日、4月4日 蚂蚁新村每日一题环节趣味性与知识性兼备,用户每日答对一道职业知识问题,即可提升个人“木兰币”的生产速度。为方便大家持续参与并准确答题,我们特别整理了近期题目与答案解析。本文将重点解析2026年4月5日的题目,并详细阐述正确答案的由来与

热心网友
04.28
比特币交易平台有哪些 十大比特币交易平台排行榜
web3.0
比特币交易平台有哪些 十大比特币交易平台排行榜

比特币交易平台:从基础设施到选择指南 自2009年诞生以来,比特币早已超越了“一种新支付方式”的范畴。它更像是一股浪潮,不仅催生了一个全新的资产类别,更对全球既有的金融体系构成了持续性的挑战与重塑。在这个过程中,一个关键的基础设施应运而生——加密货币交易平台。 放眼全球,交易平台如同雨后春笋,为比特

热心网友
04.28