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

免费影视、动漫、音乐、游戏、小说资源长期稳定更新! 👉 点此立即查看 👈
说到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:这几个值各自为政。
true、false、undefined、null之间互不相等,也绝不会和其他原始类型划上等号。 - Symbol:每个
Symbol()都是独一无二的存在,即便描述符相同,比如Symbol('a')和另一个Symbol('a'),在Set里也是两个独立项。 - BigInt:大整数类型的比较符合直觉。
1n === 1为false,而1n === 1n为true,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,还有null和undefined,它们彼此之间两两都不相等,Set不会将它们中的任何两个合并。 - 字符串比较是严格的,带不带前导零、字母大小写,都会导致被视为不同元素。
“01”和“1”,“A”和“a”,都不会被模糊匹配掉。
摸透这些门道之后,你会发现Set对原始类型的去重行为其实相当可靠。它不猜测、不推断,只是忠实地执行语言规范定义的那套相等逻辑。用好了,它就是数据清洗时一把锋利且准绳清晰的工具。
游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。
同类文章
frame attribute在table中效果_table外边框样式说明【技巧】
HTML table 的 frame 属性详解:它究竟控制什么? 在 HTML 表格开发中,frame 属性常常让开发者感到疑惑。作为 标签的一个原生属性,它的功能其实非常具体且有限:它专门负责控制表格最外围边框的显示与隐藏,即决定上、下、左、右四条外边线中哪些需要绘制出来。需要注意的是,边框的颜色
popovertargetaction="hide"在Firefox是否支持?
Firefox 对 popovertargetaction= "hide " 的无响应之谜 先看一个明确的结论:popovertargetaction= "hide " 这行代码,在 Firefox 里会“失灵”。换句话说,你在 Chrome、Edge 或 Safari 里能正常工作的隐藏功能,到了 Fir
HTML怎么做标签云_html标签云tag cloud实现方法【步骤】
HTML怎么做标签云_html标签云tag cloud实现方法【步骤】 开门见山,先澄清一个根本性误解:HTML元素本身,并不自带什么“标签云”的魔法。它只是个负责描述内容结构的骨架。你想把一堆标签从平平无奇的静态列表,变成那种字号错落有致、视觉权重分明的“云朵”,靠的必须是CSS和Ja vaScr
HTML页面和内存消耗怎么选_HTML页面和内存消耗对比【入门】
HTML页面和内存消耗怎么选 先澄清一个常见的误解:静态的HTML文件本身其实不怎么“吃”内存,真正让浏览器内存压力山大的是什么?是它加载之后那台“隐形发动机”——跑起来的Ja vaScript、成百上千的DOM节点、缓存的资源(比如高清图片、字体),还有那些没被及时解除绑定的事件监听器。所以,我们
拼写检查怎么开启_spellcheck属性设置【操作】
如何开启拼写检查?掌握生效规则是关键 浏览器通常默认启用拼写检查功能,但它能否在您当前使用的输入框中生效,则取决于一系列具体条件。元素的HTML类型、浏览器的具体实现,以及其他相关属性的优先级设置,共同决定了最终是否会出现红色波浪线提示。 哪些 HTML 元素支持 spellcheck 属性? 核心
- 日榜
- 周榜
- 月榜
1
2
3
4
5
6
7
8
9
10
相关攻略
2015-03-10 11:25
2015-03-10 11:05
2021-08-04 13:30
2015-03-10 11:22
2015-03-10 12:39
2022-05-16 18:57
2025-05-23 13:43
2025-05-23 14:01
热门教程
- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程
热门话题

