ES6--数据结构Map

1. Map由来

• 字典：是用来存储不重复key的Hash结构。不同于集合(Set)的是，字典使用的是[键，值]的形式来储存数据的。
• JavaScript 的对象（Object:{}）只能用字符串当作键。这给它的使用带来了很大的限制。
  举个栗子

var data1 = {a: 1}, data2 = {b: 2}, obj = {};
obj[data1] = 1;
obj[data2] = 2;
console.log(obj);//打印的值只有2 
console.log(data1.toString() === data2.toString());//true

• 为了解决这个问题，ES6提供了Map数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。

2. 详解Map

1) 如何创建一个 Map

const map = new Map([
  ['a', 1],
  ['b', 2]
]);
console.log(map);//Map(2){'a'=>1,'b'=>2}

2) Map 类的属性

const map = new Map([
  ['a', 1],
  ['b', 2]
]);
console.log(map.size);//2

3) Map 类的方法
① set(key, value) 设置键名key对应的键值为value，然后返回整个 Map 结构。如果key已经有值，则键值会被更新，否则就新生成该键。

map.set('miaov', 'ketang').set('new', 'fq').set('miaov', 'leo');
console.log(map);//Map(4){'a'=>1,'b'=>2,'miaov'=>'ketang'...}

若有重复添加的，则后面的覆盖前面的，如后面添加的map.set（’miaov’,’leo’）则会覆盖set(‘miaov’, ‘ketang’)

② get(key) get方法读取key对应的键值，如果找不到 key，返回undefined。

console.log(map.get('new'));//fq
console.log(map.get('x'));//undefined

③ delete(key) 删除某个键，返回true。如果删除失败，返回false。

console.log(map.delete('a'));
console.log(map);
console.log(map.delete('a'));

④ has(key) 方法返回一个布尔值，表示某个键是否在当前Map对象之中。

console.log(map.has('miaov'));
console.log(map.has('a'));

⑤ clear() 清除所有数据，没有返回值。

map.clear();
console.log(map);

⑥ keys() 返回键名的遍历器

console.log(map.keys());

⑦ values() 返回键值的遍历器

console.log(map.values());

⑧ entries() 返回键值对的遍历器

console.log(map.entries());//{['b',2],['miaov','leo']}

⑨ forEach() 使用回调函数遍历每个成员

map.forEach(function (key, value, map){
console.log(key + ':' + value);
})//2;b   leo;miaov

3. 注意事项

Map 在使用过程中的一些注意事项：

map.set(NaN, 10).set(NaN, 100);
console.log(map);//NaN=>100
map.set({}, 'x').set({}, 'y');
console.log(map);//{}=>'x',{}=>'y'
console.log({} === {});//false 引用数据类型比较的是实际的地址，而不是值

map里面的key的排列顺序是按照添加顺序进行排列的