理解 ES6 中的 Set 和 Map

Set

 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
set不会使用强制类型转换来判断值是否重复，这意味着set可以同时包含number(5)和string(5)

//创建

let a = new Set()		//使用new set()来创建
a.add(4)		//调用add()方法向集合中添加元素
a.add('4')

let b = new Set([1, '1', 2, 2, 3])	//也可以使用数组来初始化set集合
console.log(b)  //Set(4) {1, "1", 2, 3}  集合同样会过滤重复的值

//方法

let set = new Set();

set.add(5)		//添加值
set.has(5)		//检测set集合中是否存在某个值
set.delete(5)	//移除set中的某一个值
set.clear()		//移除所有值
set.add(6).delete(5)		//支持链式操作

Set 的 forEach

set集合和数组的forEach类似，运行机制也比较类似。forEach()方法的回调接收3个参数：
 1.集合中索引的位置。
 2.被遍历参数的值
 3.集合本身

let set = new Set(['a', 'b', 'c', 'd', 'e']);
set.forEach((k, val, owner) => {
    console.log('set-forEach-k-->:', k);
    console.log('set-forEach-val-->:', val);
    console.log('set-forEach-owner-->:', owner);
})

Set中的value和key是相同的，这是为了让Set的forEach方法和数组以及Map的forEach方法保持一致，都具有三个参数。

Set 转 数组

将数组转换为set集合的过程很简单，需要给set集合传入数组即可。将集合转回数组，只需要使用展开运算符可。

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

//可利用 Set 不重复的特点讲数组进行去重
let arr2 = [1, 2, 3, 2, 4, 2, 5 ,2]
let set2 = new Set(arr2)
arr2 = [...set2]		//[1, 2, 3, 4, 5]

Map

 map 类型是键值对的有序列表，键和值都可以是任意类型，可以调用set()方法传递一个键和一个关联的值，来给 map 添加项;此后使用键名来调用get()方法获取对应的值。
//创建

let map = new Map();
map.set('title', 'es6');
map.set('year', 2016);

console.log('map-title-->', map.get('title'))
console.log('map-year-->', map.get('year'))

//方法
setmap和set共享了几个方法。以下的方法和属性map和set上都存在：
 1. forEach(val, k, owner): 遍历map
 2. has(key)：判断指定的键值是否存在
 3. delete(key)：移除map中键以及对应的值
 4. clear()：移除map中所有的键和值
 5. size：指明包含多个键值对。