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。
同类文章
Layui弹出层监听子页面键盘快捷键实现方法
子页面键盘事件监听需在DOM加载完成后绑定,父页无法直接监听子页按键,必须由子页自身监听后通过parent或postMessage通知父页。典型写法为子页调用父页已定义的关闭函数。需注意焦点状态、输入法及layui版本兼容性等陷阱。
Layui表单提交时携带当前页面Meta信息的实现方法
Layui表单提交不会自动携带页面Meta信息,需在form on( submit )回调中手动读取meta内容并拼接到表单数据,注意后端字段映射及特殊字符编码,多meta时按需选取。
HTML5拖拽事件流状态转移监控调试
HTML5拖拽事件流易因漏监听或未调用preventDefault而中断。需掌握dragstart设置数据、dragover接受放置、drop触发条件等关键点。通过统一日志捕获事件上下文、识别常见状态丢失场景并配合可视化面板,可清晰定位拖拽过程断点。
uni-app实现小红书商品详情图卡片切换
通过手写touch事件与transform控制五张卡片,动态计算translateX、scale、opacity及z-index模拟层叠滑动效果。滑动距离超过80rpx触发切换,否则复位。图片仅渲染当前及前后两张,有效优化加载性能与渲染效率。
图像旋转倾斜与扭曲的Canvas像素矩阵变换
Canvas图像变形本质是操作坐标系,图像被动跟随。旋转需先平移原点至目标中心再旋转后复位;倾斜通过仿射变换矩阵实现;扭曲无原生API,可用分块模拟或转用WebGL。每次变换前保存状态,完成后恢复,避免坐标系偏移。
- 日榜
- 周榜
- 月榜
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
相关攻略
2026-07-06 07:02
2026-07-06 07:00
2026-07-06 07:00
2026-07-06 07:00
2026-07-06 07:00
2026-07-06 07:00
2026-07-06 06:59
2026-07-06 06:59
热门教程
- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程
热门话题

