本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

一、基本用法

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实例的方法可以分为两类：操作方法和遍历方法。

1.操作方法

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)
登录后复制

2.遍历方法

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属性，没有遍历器方法。

【相关推荐：javascript视频教程、编程视频】

以上就是es6的set有什么用的详细内容，更多请关注php中文网其它相关文章！

推荐内容