Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。

一：形式上

1：set:是一种“集合”数据结构，类似于数组，以【value,value】的形式存储元素，任何类型唯一的值，不允许重复，本身是一种构造函数，用来生成 Set 数据结构，初始值为一维数组

var s2=new Set([1,2,3]);

2：map是一种“字典”数据结构，以【key,value】的形式存储，是键值对的集合，记住插入顺序，任意值作为键，解决以往不能用对象做为键的问题，具有极快的查找速度，初始值为二维数组

const m=new map(['Kris',21],['Bob',19],['Lily',25],['Jack',27]);

二：方法上

1：set: 提供add、delete、has、clear等方法

add(value)：添加某个值，返回 Set 结构本身(可以链式调用)。

delete(value)：删除某个值，删除成功返回true，否则返回false。

has(value)：返回一个布尔值，表示该值是否为Set的成员。

clear()：清除所有成员，没有返回值。

var s=new Set([1,2,3,3]);
s.add(4);  // set{1,2,3,4}
s.add(3); //set{1,2,3,4}
s.size();   //4
s.has(3);  //tru

2：map提供set、get、delete、has、clear等方法

set(key, val): 向Map中添加新元素

get(key): 通过键值查找特定的数值并返回

has(key): 判断Map对象中是否有Key所对应的值，有返回true,否则返回false

delete(key): 通过键值从Map中移除对应的数据

clear(): 将这个Map中的所有元素删除

var m=new Map( );	//初始化一个空的 map
m.set('Pluto',23);	//添加新的key-value 值
m.has('Pluto');   //true	是否存在key ‘Pluto’
m.get('Pluto');   	//23
m.delete('Pluto');	//删除key   ‘Pluto ’

三：相同点

1：都能通过迭代器进行for...of遍历

四：使用场景

1：set数组去重

let arr = [1, 2, 3, 4, 5, 6, 3, 2, 5, 3, 2];
console.log([...new Set(arr)]); // [1, 2, 3, 4, 5, 6]

2：map数据类型充当键、保证对象的顺序

let errors = new Map([
  [400, 'InvalidParameter'],
  [404, 'Not found'],
  [500, 'InternalError']
]);
console.log(errors);