es6的set怎么使用

这篇文章主要讲解了“es6的set怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“es6的set怎么使用”吧！ Set是一种用于存储有序数据的数据结构，Set中的元素具有唯一性，不允许存储相同的元素；Set()可以接受一个可迭代对象作为参数，但是会将这个可迭代对象中相同的内容去除，因此可用于去除重复元素，预防“Array.from(new Set(arr))”或“[…new Set(arr)]”。Set 是 ES6 提供的一种新的数据结构，它跟数组一样用于存储有序的数据，但是没有随机访问的能力，也就是说，不能像数组一样通过索引来获取具体的某个元素。除此以外，最重要的是，Set 中的元素具有唯一性，不允许存储相同的元素！Set 是一个构造函数，用于实例化实例：


letset=newSet()
set.add(1)//往set集合中添加元素1

除此以外，Set() 可以接受一个可迭代对象作为参数，以作为实例初始化的数据，但是会将这个可迭代对象中相同的内容去除，然而，这也是数组去重的一个方法。


letset=newSet([1,2,2,1,4,3,5])
console.log(set)//Set(5){1,2,4,3,5}

由元素唯一性这个特点，可以利用在数组去重上：


//方法一：
Array.from(newSet(arr))//arr是待去重的数组

//方法二：
[...newSet(arr)]

太酷了吧，类似的，利用这个特性还能实现字符串相同字符的去重。


[...newSet(str)].join('')

然而，上面都是通过 Set 类型元素的唯一性来实现的，那么 Set 内部是如何判断元素是否唯一的呢？它的内部使用了一个算法 Same-value-zero equality ，大致与全等运算符一致，区别在于这种算法认为 NaN 等于 NaN 。在 Set.prototype 上，定义了一个属性 size 表示元素的个数。


letset=newSet([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 本身，所以你应该能想到链式调用：


letset=newSet()
set.add(1).add(2).add(3)

Set.prototype.keys() —— 返回键名的遍历器Set.prototype.values() —— 返回键值的遍历器Set.prototype.entries() —— 返回键值对的遍历器Set.prototype.forEach() —— 使用回调函数遍历元素由于 Set 结构没有免费云主机域名键名，只有键值（或者说键名和键值是同一个值），所以 keys 方法和 values 方法的行为完全一致。WeakSet 是 Set 的升级版，主要有两个区别：WeakSet 只能存储引用类型，不能储存基本类型数据。WeakSet 中的引用类型都是弱引用。首先，第一点很好理解，就是不能存储基本类型的数据：


constws=newWeakSet()
ws.add(1)//报错,Invalidvalueusedinweakset

然后第二点，WeakSet 中的对象都是弱引用。也就意味着垃圾回收机制不会考虑 WeakSet 对该对象的引用，一旦在外部引用计数为0，那么就等着被垃圾回收机制处理。所以，WeakSet 适合临时存放一组对象。由于这个特征，WeakSet 中的成员是不适合引用的，因为它很可能会随时被清理，然而，ES6 规定它是不可遍历的。WeakSet 中的方法也跟上面提到的 Set 基本一致，但是它没有 size 属性，没有遍历器方法。感谢各位的阅读，以上就是“es6的set怎么使用”的内容了，经过本文的学习后，相信大家对es6的set怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！

相关推荐: 怎么使用vue监听变量

本文小编为大家详细介绍“怎么使用vue监听变量”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么使用vue监听变量”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。1.首先，新建一个html项目，并在项目中引入vue；import V…