es6之set

基本概念

Set数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数

set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;
set对象是值的集合,元素只会出现一次,即Set中的元素是唯一的.

let arr = [1,2,3,1,2,3]
let set = new Set(arr)
console.log(set) //[1,2,3]

值得注意的是,NaN被Set认为是相同的,{}被认为是不同的

var set = new Set([{},{}])
set  //{{},{}}
set.size  // 2

var set = new Set([NaN,NaN])
set  //{NaN}
set.size  // 1

Set 实例的方法分为两大类：

操作方法（用于操作数据）

add(value)：添加某个值，返回 Set 结构本身。
delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
has(value)：返回一个布尔值，表示该值是否为Set的成员。
clear()：清除所有成员，没有返回值。

s.add(1).add(2).add(2);
// 注意2被加入了两次

s.size // 2

s.has(1) // true
s.has(2) // true
s.has(3) // false

s.delete(2);
s.has(2) // false

遍历方法（用于遍历成员）

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

Set.prototype.keys() : 返回键名的遍历器
Set.prototype.values()：返回键值的遍历器
Set.prototype.entries(): 返回键值对的遍历器
Set.prototype.forEach() :回调函数遍历

set对象与数组间的转换

(一句话去重)

var arr = [1,2,3,4,4];
var set = new Set(arr) //数组转换set对象
set //{1,2,3,4}
//方法一
Array.from(set) //[1,2,3,4]
//方法二
[...set] //[1,2,3,4]

set的一些用法

let arr1 = [1,2,3,4,5];
let arr2 = [4,5,6,7,8];
let a = new Set(arr1);
let b= new Set(arr2)

1.数组去重&并集

new Set([...arr1,...arr2]) //{1,2,3,4,5,6,7,8}
let arr3 = [...new Set([...arr1,...arr2])] //[1,2,3,4,5,6,7,8]

2.交集

let arr3 = new Set(arr1.filter(x=>b.has(x))) //{4,5}

3.差集

let arr3 = new Set(arr1.filter(x=>!b.has(x))) //{1,2,3}
let arr4 = new Set(arr2.filter(x=>!a.has(x))) //{6,7,8}
[...arr3,...arr4] //[1,2,3,6,7,8]