基本用法

ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set本身是一个构造函数，用来生成Set数据结构。

var arr = new Set()
[1, 2, 3, 4, 4].forEach(i => {
    arr.add(i)
})
// [1, 2, 3, 4]
for (let i of arr) {
  console.log(i)
}
// 1 2 3 4 
var set = new Set([1, 2, 3, 4, 4])
[...set]
// [1, 2, 3, 4]

可以看到Set结构不会添加重复的值。

Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。

// 例一
var set = new Set([1, 2, 3, 4, 4])
[...set]
// [1, 2, 3, 4]

// 例二
function divs () {
  return [...document.querySelectorAll('div')]
}
var set = new Set(divs())
set.size // 56

上面代码中，例一是Set函数接受数组作为参数，例二是接受类似数组的对象作为参数。

我们也可以利用set去做数组去重

var arr = [1, 2, 3, 4, 4]
[...new Set(arr)]

向Set加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set内部判断两个值是否不同，使用的算法叫做“Same-value equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。

let arr = new Set()
let a = NaN
let b = NaN
arr.add(a)
arr.add(b)
arr.size // 1

通过上面代码可以看到，在Set内部，两个NaN是相等。但是两个对象总是不相等的。

let arr = new Set()
let a = {}
let b = {}
arr.add(a)
arr.add(b)
arr.size // 2

Set实例的属性和方法

(1) size属性

size属性返回Set实例的成员总数

var set = new Set([1, 2, 3, 4])
set.size  // 4

(2) constructor属性

构造函数，默认就是Set函数。

(3) add(value)

添加某个值，返回Set结构本身

var set = new Set()
set.add(1).add(2)
set.size  // 1

(4) has(value)

返回一个布尔值，表示该值是否为Set的成员。

var set = new Set()
set.add(1)
set.has(1)  // true
set.has(2)  // false

(5) delete(value)

删除某个值，返回一个布尔值，表示删除是否成功。

var set = new Set()
set.add(1).add(2)
set.size // 2
set.delete(1)
set.size // 1

(6) clear()

清除所有成员，没有返回值。

var set = new Set()
set.add(1).add(2)
set.clear()
set.size // 0

遍历操作

Set结构的实例有四个遍历方法，可以用于遍历成员。

• keys()：返回键名的遍历器
• values()：返回键值的遍历器
• entries()：返回键值对的遍历器
• forEach()：使用回调函数遍历每个成员