js-es6-Map数据结构

字典：是用来存储不重复key的Hash结构。不同于集合(Set)的是，字典使用的是[键，值]的形式来储存数据的。 *

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

1 如何创建一个 Map 多个键值对方括号包裹，每个键值对方括号包裹

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

2 Map 类的属性:size 返回map集合的元素个数

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

3 Map 类的方法

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

const map = new Map([
  ['a', 1],
  ['b', 2]
]);
console.log(map.size);//2
map.set('year',0).set('name', 'haha');
console.log(map);//Map(4) {"a" => 1, "b" => 2, "year" => 0, "name" => "haha"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

const map = new Map([
  ['a', 1],
  ['b', 2]
]);
map.forEach(function (key, value, map){
  console.log(key + ':' +value);
  // 1:a
  // 2:b
})

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

const map=new Map();
map.set(NaN, 10).set(NaN, 100);
console.log(map);//Map(1) {NaN => 100}
map.set({}, 'x').set({}, 'y');
console.log(map);//Map(3) {NaN => 100, {…} => "x", {…} => "y"}
console.log({} === {});//false