当前位置: 首页
前端开发
JavaScript中Set集合存储原始类型时的去重逻辑

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

热心网友 时间: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
下一篇: 什么是XML?

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

同类文章
更多
frame attribute在table中效果_table外边框样式说明【技巧】

frame attribute在table中效果_table外边框样式说明【技巧】

HTML table 的 frame 属性详解:它究竟控制什么? 在 HTML 表格开发中,frame 属性常常让开发者感到疑惑。作为 标签的一个原生属性,它的功能其实非常具体且有限:它专门负责控制表格最外围边框的显示与隐藏,即决定上、下、左、右四条外边线中哪些需要绘制出来。需要注意的是,边框的颜色

时间:2026-04-27 22:48
popovertargetaction=

popovertargetaction="hide"在Firefox是否支持?

Firefox 对 popovertargetaction= "hide " 的无响应之谜 先看一个明确的结论:popovertargetaction= "hide " 这行代码,在 Firefox 里会“失灵”。换句话说,你在 Chrome、Edge 或 Safari 里能正常工作的隐藏功能,到了 Fir

时间:2026-04-27 22:48
HTML怎么做标签云_html标签云tag cloud实现方法【步骤】

HTML怎么做标签云_html标签云tag cloud实现方法【步骤】

HTML怎么做标签云_html标签云tag cloud实现方法【步骤】 开门见山,先澄清一个根本性误解:HTML元素本身,并不自带什么“标签云”的魔法。它只是个负责描述内容结构的骨架。你想把一堆标签从平平无奇的静态列表,变成那种字号错落有致、视觉权重分明的“云朵”,靠的必须是CSS和Ja vaScr

时间:2026-04-27 22:47
HTML页面和内存消耗怎么选_HTML页面和内存消耗对比【入门】

HTML页面和内存消耗怎么选_HTML页面和内存消耗对比【入门】

HTML页面和内存消耗怎么选 先澄清一个常见的误解:静态的HTML文件本身其实不怎么“吃”内存,真正让浏览器内存压力山大的是什么?是它加载之后那台“隐形发动机”——跑起来的Ja vaScript、成百上千的DOM节点、缓存的资源(比如高清图片、字体),还有那些没被及时解除绑定的事件监听器。所以,我们

时间:2026-04-27 22:47
拼写检查怎么开启_spellcheck属性设置【操作】

拼写检查怎么开启_spellcheck属性设置【操作】

如何开启拼写检查?掌握生效规则是关键 浏览器通常默认启用拼写检查功能,但它能否在您当前使用的输入框中生效,则取决于一系列具体条件。元素的HTML类型、浏览器的具体实现,以及其他相关属性的优先级设置,共同决定了最终是否会出现红色波浪线提示。 哪些 HTML 元素支持 spellcheck 属性? 核心

时间:2026-04-27 22:47
热门专题
更多
刀塔传奇破解版无限钻石下载大全 刀塔传奇破解版无限钻石下载大全
洛克王国正式正版手游下载安装大全 洛克王国正式正版手游下载安装大全
思美人手游下载专区 思美人手游下载专区
好玩的阿拉德之怒游戏下载合集 好玩的阿拉德之怒游戏下载合集
不思议迷宫手游下载合集 不思议迷宫手游下载合集
百宝袋汉化组游戏最新合集 百宝袋汉化组游戏最新合集
jsk游戏合集30款游戏大全 jsk游戏合集30款游戏大全
宾果消消消原版下载大全 宾果消消消原版下载大全
  • 日榜
  • 周榜
  • 月榜
热门教程
更多
  • 游戏攻略
  • 安卓教程
  • 苹果教程
  • 电脑教程