new set数组对象去重失败
创始人
2024-05-30 00:59:42
0

我们知道Set是JS的一个种新的数据结构,和数组类似,和数组不同的是它可以去重,比如存入两个1或两个"123",只有1条数据会存入成功,但有个特殊情况,如果添加到set的值是引用类型,比如数组、对象,他将无法自动去重。因为值相同的两个引用类型地址是不一样的。下面来看一个例子:

var mySet = new Set()
mySet.add([-1,0,1])
mySet.add([-1,0,1])
mySet.add({a: 1})
mySet.add({a: 1})
mySet.size // 4
console.log(Array.from(mySet)) // [[-1, 0, 1], [-1, 0, 1], {a: 1}, {a: 1}]

我们来看看mdn上的文档描述:

Set - JavaScript | MDNThe Set object lets you store unique values of any type, whether primitive values or object references.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

Description

Set objects are collections of values. You can iterate through the elements of a set in insertion order. A value in the Set may only occur once; it is unique in the Set's collection.

集合对象是值的集合。您可以按插入顺序遍历集合的元素。集合中的值只能出现一次;它在集合集合中是唯一的。

Value equality

Because each value in the Set has to be unique, the value equality will be checked. In an earlier version of ECMAScript specification, this was not based on the same algorithm as the one used in the === operator. Specifically, for Sets, +0 (which is strictly equal to -0) and -0 were different values. However, this was changed in the ECMAScript 2015 specification. See "Key equality for -0 and 0" in the browser compatibility table for details. NaN and undefined can also be stored in a Set. All NaN values are equated (i.e. NaN is considered the same as NaN, even though NaN !== NaN).

由于集合中的每个值都必须是唯一的,因此将检查值是否相等。在早期版本的ECMAScript规范中,这与==运算符中使用的算法不同。具体来说,对于集,+0(严格等于-0)和-0是不同的值。然而,这在ECMAScript 2015规范中有所更改。有关详细信息,请参阅浏览器兼容性表中的“-0和0的密钥相等”。NaN和undefined也可以存储在Set中。所有NaN值都相等(即,NaN被认为与NaN相同,即使NaN!==NaN)。

我们可以简单理解为,像Set实例add数据时,每次都会进行等值判断,类似于将add的元素与每个元素进行 === 比较。因此对引用类型的去重是无效的

var stra = "test"
var strb = "test"
var a = { a : 1}
var b = { a : 1}
stra === strb // true
a === b // false 尽管他们都是对象 { a: 1 },但他们存储的地址是不一样的 

那这种情况怎么去重呢。我们可以自己写方法来处理,以数组为例子,可以将值[-1, 0, 1].join('|') 处理下,添加进去,到时统一再split出来

 

相关内容

热门资讯

安卓系统有虾皮吗,便捷购物新体... 你有没有想过,手机里装了安卓系统,是不是也能找到那些让人爱不释手的购物APP呢?今天,就让我来给你揭...
安卓电脑学生管理系统,安卓电脑... 你有没有想过,在繁忙的校园生活中,有一款神器能帮你轻松管理学生信息,让老师们从繁琐的事务中解放出来?...
反向充电怎么用安卓系统 你有没有想过,手机没电的时候,竟然还能给其他设备充电?没错,这就是最近很火的“反向充电”功能。今天,...
爱酷系统跟安卓系统哪个好,揭秘... 你有没有想过,手机系统就像是我们生活的操作系统,每天陪伴着我们,影响着我们的使用体验。今天,就让我来...
小米手机刷安卓p系统,小米手机... 你有没有发现,最近小米手机圈子里掀起了一股热潮?没错,就是刷安卓P系统!这可是个让手机焕发第二春的大...
威图安卓系统升级,畅享智能生活... 你知道吗?最近手机界可是热闹非凡呢!威图安卓系统升级的消息一出,瞬间吸引了无数手机爱好者的目光。这不...
qq软件安卓系统软件,沟通无界 你有没有发现,最近你的手机里那个陪伴你多年的QQ软件又升级啦?没错,就是那个让你和朋友畅聊、分享生活...
安卓10系统有通知推送,畅享便... 你知道吗?最近安卓系统又升级啦!这次可是来到了安卓10系统,听说通知推送功能有了大变化,简直让人眼前...
安卓系统软件白屏,安卓系统软件... 手机屏幕突然变成了白茫茫的一片,这可怎么办?别急,今天就来和你聊聊安卓系统软件白屏这个让人头疼的问题...
美能达打印机安卓系统,轻松实现... 你有没有想过,家里的打印机也能玩转安卓系统?没错,今天就要给你揭秘这款神奇的美能达打印机,看看它是如...
平板安卓进不了系统,故障排查与... 最近是不是你也遇到了这样的烦恼:平板安卓系统突然进不去系统了?别急,让我来帮你分析一下可能的原因,并...
安卓内存小怎么安装系统,系统安... 你有没有遇到过这种情况:手机内存小,想安装个新系统,结果发现空间不够用?别急,今天就来给你支个招,让...
掌机安卓系统串流,便携式游戏新... 你有没有想过,在小小的掌机设备上也能享受到安卓系统的流畅体验?没错,这就是今天我要跟你分享的神奇世界...
冠道系统支持安卓,畅享智能生活... 你知道吗?最近冠道系统更新了,竟然支持安卓系统了!这可真是让人眼前一亮的大好事啊!想象你的安卓手机和...
安卓系统打开c语言文件,基于安... 你有没有遇到过这样的情况:手里拿着安卓设备,突然想看看那些神秘的C语言文件,却一头雾水,不知道从何下...
安卓系统程序卸载工具,优化手机... 手机里的安卓系统程序越来越多,是不是感觉内存不够用了?别急,今天就来给你安利几款特别实用的安卓系统程...
安卓旗舰系统怎么样,性能与创新... 你有没有发现,最近安卓旗舰系统的更新速度简直让人眼花缭乱?作为一个紧跟科技潮流的数码爱好者,我可是对...
安卓系统新闻推送屏蔽,轻松享受... 你是不是也和我一样,每天手机里充斥着各种新闻推送,有时候甚至感觉被信息淹没了?别急,今天就来聊聊如何...
安卓系统好的手机品牌,盘点热门... 你有没有想过,为什么你的手机总是卡得要命,而别人的手机却流畅得像风一样?这其中的奥秘,就在于手机的品...
笔录本怎么安装安卓系统,安装指... 你有没有想过,你的笔录本也可以变身成安卓小能手呢?没错,就是那个我们日常使用的安卓系统,它现在也能在...