您好,登录后才能下订单哦!
这篇文章主要讲解了“es6的set怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6的set怎么使用”吧!
Set是一种用于存储有序数据的数据结构,Set中的元素具有唯一性,不允许存储相同的元素;Set()可以接受一个可迭代对象作为参数,但是会将这个可迭代对象中相同的内容去除,因此可用于去除重复元素,预防“Array.from(new Set(arr))”或“[...new Set(arr)]”。
Set
是 ES6
提供的一种新的数据结构,它跟数组一样用于存储有序的数据,但是没有随机访问的能力,也就是说,不能像数组一样通过索引来获取具体的某个元素。除此以外,最重要的是,Set
中的元素具有唯一性,不允许存储相同的元素!
Set
是一个构造函数,用于实例化实例:
let set = new Set()
set.add(1)//往set集合中添加元素1
除此以外,Set()
可以接受一个可迭代对象作为参数,以作为实例初始化的数据,但是会将这个可迭代对象中相同的内容去除,然而,这也是数组去重的一个方法。
let set = new Set([1,2,2,1,4,3,5])
console.log(set)//Set(5) {1, 2, 4, 3, 5}
由元素唯一性这个特点,可以利用在数组去重上:
//方法一:
Array.from(new Set(arr)) //arr是待去重的数组
//方法二:
[...new Set(arr)]
太酷了吧,类似的,利用这个特性还能实现字符串相同字符的去重。
[...new Set(str)].join('')
然而,上面都是通过 Set
类型元素的唯一性来实现的,那么 Set
内部是如何判断元素是否唯一的呢?它的内部使用了一个算法 Same-value-zero equality
,大致与全等运算符一致,区别在于这种算法认为 NaN
等于 NaN
。
在 Set.prototype
上,定义了一个属性 size
表示元素的个数。
let set = new Set([1,2,2,1,4,3,5])
console.log(set.size)//5
Set
实例的方法可以分为两类:操作方法和遍历方法。
Set.prototype.add(value)
—— 添加某个值到 Set
的末尾,返回 Set
本身。
Set.prototype.delete(value)
—— 删除某个值,返回布尔值,表示是否删除成功。
Set.prototype.has(value)
—— 返回一个布尔值,表示该值是否为 Set
的元素。
Set.prototype.clear()
—— 清除所有成员,没有返回值。
值得一提的是,add()
方法的返回是 Set
本身,所以你应该能想到链式调用:
let set = new Set()
set.add(1).add(2).add(3)
Set.prototype.keys()
—— 返回键名的遍历器
Set.prototype.values()
—— 返回键值的遍历器
Set.prototype.entries()
—— 返回键值对的遍历器
Set.prototype.forEach()
—— 使用回调函数遍历元素
由于 Set
结构没有键名,只有键值(或者说键名和键值是同一个值),所以 keys
方法和 values
方法的行为完全一致。
WeakSet
WeakSet
是 Set
的升级版,主要有两个区别:
WeakSet
只能存储引用类型,不能储存基本类型数据。
WeakSet
中的引用类型都是弱引用。
首先,第一点很好理解,就是不能存储基本类型的数据:
const ws = new WeakSet()
ws.add(1)//报错,Invalid value used in weak set
然后第二点,WeakSet
中的对象都是弱引用。也就意味着垃圾回收机制不会考虑 WeakSet
对该对象的引用,一旦在外部引用计数为0,那么就等着被垃圾回收机制处理。所以,WeakSet
适合临时存放一组对象。
由于这个特征,WeakSet
中的成员是不适合引用的,因为它很可能会随时被清理,然而,ES6
规定它是不可遍历的。
WeakSet
中的方法也跟上面提到的 Set
基本一致,但是它没有 size
属性,没有遍历器方法。
感谢各位的阅读,以上就是“es6的set怎么使用”的内容了,经过本文的学习后,相信大家对es6的set怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。