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出来

 

相关内容

热门资讯

飞车手游ios系统跟安卓系统,... 你有没有发现,最近手机上的一款飞车手游特别火呢?这款游戏不仅画面精美,操作流畅,而且玩法多样,吸引了...
安卓平板显示系统不兼容,安卓平... 你有没有遇到过这种情况?买了一款心仪的安卓平板,满怀期待地想要体验各种精彩应用,结果却发现有些应用显...
安卓系统安装破解app病毒,安... 你知道吗?在安卓系统上安装破解版的APP,听起来是不是有点刺激?但别高兴得太早,这背后可是隐藏着不少...
安卓版桌面操作系统,探索安卓桌... 你有没有想过,你的安卓手机桌面操作系统,其实就像是一个小小的魔法世界呢?在这个世界里,你可以随意布置...
安卓系统要怎么截屏,轻松实现屏... 亲爱的手机控们,你是不是也经常想要截取手机屏幕上的精彩瞬间呢?安卓系统的截屏功能可是非常实用哦!今天...
安卓forpc系统下载,轻松实... 你有没有想过,手机上的安卓系统竟然也能在电脑上运行?没错,这就是安卓forpc系统的魅力所在!今天,...
普通汽车cd改安卓系统 你有没有想过,你的普通汽车CD播放器其实也可以升级成安卓系统呢?没错,你没听错!今天,就让我带你一起...
安卓系统说出密码,智能安全守护... 你有没有想过,你的安卓手机里藏着多少秘密?那些聊天记录、照片、文件,还有那些敏感的密码,全都在这个小...
安卓系统数控机床编程,基于安卓... 你有没有想过,那些在工厂里默默无闻的数控机床,其实也有着它们的“大脑”——那就是安卓系统数控机床编程...
华为会仍用安卓系统吗,华为将继... 你有没有想过,华为的手机会不会继续使用安卓系统呢?这个问题可是让不少手机迷们纠结不已。毕竟,华为可是...
思域如何安装安卓系统,教你如何... 车友们,你是否对车内那略显陈旧的系统感到厌倦?想要给你的爱车——本田思域,来一次科技大变身?别急,今...
win安卓双系统安装教程,轻松... 亲爱的手机控们,你是否曾梦想过拥有一部既能运行安卓系统,又能畅玩Windows应用的手机呢?现在,这...
最老版本的安卓系统,最老版本安... 你有没有想过,手机里的安卓系统其实也有它的“老古董”呢?没错,今天就要带你穿越回那个充满回忆的年代,...
安卓机子开机进不去系统,故障排... 手机突然开不了机,这可怎么办呢?是不是你也遇到了安卓机子开机进不去系统的问题?别急,今天就来给你详细...
安卓平板系统修改定制,安卓平板... 你有没有想过,你的安卓平板系统其实可以变得超级个性化呢?没错,就是那种别人一看就知道是你专属的感觉!...
QNX与安卓系统对比,性能与生... 你有没有想过,为什么有些智能手机运行得那么流畅,而有些却时不时卡顿呢?这背后,其实隐藏着两大操作系统...
超市收银系统安卓机,引领智慧购... 你有没有想过,每次去超市结账时,那台小小的收银机竟然隐藏着如此多的科技奥秘?今天,就让我带你一探究竟...
安卓suunto系统不稳定,安... 最近是不是发现你的安卓手机上安装的那个Suunto系统有点儿闹腾啊?别急,让我来给你好好捋一捋这个让...
安卓5.0系统卡刷包 你有没有遇到过安卓手机卡顿的问题?是不是觉得手机越来越慢,连打开个应用都像蜗牛爬?别急,今天就来给你...
安卓系统微信相册在哪,微信相册... 你是不是在手机上翻来覆去,就是找不到微信相册在哪里呢?别急,让我来给你详细地指一指,让你轻松找到那个...