es6的set怎么使用(es6,set,web开发)

Set是一种用于存储有序数据的数据结构，Set中的元素具有唯一性，不允许存储相同的元素；Set()可以接受一个可迭代对象作为参数，但是会将这个可迭代对象中相同的内容去除，因此可用于去除重复元素，预防“Array.from(new Set(arr))”或“[...new Set(arr)]”。

Set 是 ES6 提供的一种新的数据结构，它跟数组一样用于存储有序的数据，但是没有随机访问的能力，也就是说，不能像数组一样通过索引来获取具体的某个元素。除此以外，最重要的是，Set 中的元素具有唯一性，不允许存储相同的元素！

Set 是一个构造函数，用于实例化实例：

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

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

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

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

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

在 Set.prototype 上，定义了一个属性 size 表示元素的个数。

Set 实例的方法可以分为两类：操作方法和遍历方法。

Set.prototype.add(value) —— 添加某个值到 Set 的末尾，返回 Set 本身。

Set.prototype.delete(value) —— 删除某个值，返回布尔值，表示是否删除成功。

Set.prototype.has(value) —— 返回一个布尔值，表示该值是否为 Set 的元素。

Set.prototype.clear() —— 清除所有成员，没有返回值。

值得一提的是，add() 方法的返回是 Set 本身，所以你应该能想到链式调用：

Set.prototype.keys() —— 返回键名的遍历器

Set.prototype.values() —— 返回键值的遍历器

Set.prototype.entries() —— 返回键值对的遍历器

Set.prototype.forEach() —— 使用回调函数遍历元素

由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以 keys 方法和 values 方法的行为完全一致。

WeakSet 是 Set 的升级版，主要有两个区别：

WeakSet 只能存储引用类型，不能储存基本类型数据。

WeakSet 中的引用类型都是弱引用。

首先，第一点很好理解，就是不能存储基本类型的数据：

然后第二点，WeakSet 中的对象都是弱引用。也就意味着垃圾回收机制不会考虑 WeakSet 对该对象的引用，一旦在外部引用计数为0，那么就等着被垃圾回收机制处理。所以，WeakSet 适合临时存放一组对象。

由于这个特征，WeakSet 中的成员是不适合引用的，因为它很可能会随时被清理，然而，ES6 规定它是不可遍历的。

WeakSet 中的方法也跟上面提到的 Set 基本一致，但是它没有 size 属性，没有遍历器方法。