ES2015+学习笔记系列（六）—— Set和Map

Set

ES6提供新的数据结构Set（集合）。它类似于数组，但***成员的值都是唯一的***，集合实现了iterator接口，所以可以使用扩展运算符和for…of…进行遍历。

1 .集合的属性和方法：

• size 返回集合的元素个数
• add 增加一个新元素，返回当前集合
• delete 删除元素，返回bool值
• has 检测集合中是否包含某个元素，返回bool值
• clear 清空集合

2 .应用

• 数组去重

let setArr1 = [1,2,3,4,5,4,3,2,1];
let newArr1 = [...new Set(setArr1)];
console.log(newArr1);

• 交集

let setArr2 = [4,5,6,5,4];
let unionArr = [...new Set(setArr1)].filter(item=>{
  return new Set(setArr2).has(item);
})
console.log(unionArr);

• 并集

let result = [...new Set([...setArr1,...setArr2])];
console.log(result);

• 差集

let diffArr = [...new Set(setArr1)].filter(item => !(new Set(setArr2).has(item)));
console.log(diffArr);//[ 1, 2, 3 ]
let diffArr2 = [...new Set(setArr2)].filter(item=>new Set(setArr1).has(item));
console.log(diffArr2);

Map

ES6提供了Map数据结构。

• 类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种各类型的值（包括对象）都可以当做键。
• Map也实现了iterator接口，所以可以使用扩展运算符和for…of进行遍历

Map的属性和方法：

• size 返回Map元素的个数
• set 增加一个新元素，返回当前Map
• get 返回简明对象的键值
• has 检测Map中是否包含某个元素，返回bool值
• clear 清空结合，返回undefined