Map

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

基本语法

Map 里面的键位不能重复

实例化

let map = new Map([iterable]);

Iterable 可以是一个数组或者其他 iterable 对象，其元素为键值对(两个元素的数组，例如: [[1, 'one' ], [ 2, 'two']])。 每个键值对都会添加到新的 Map。null 会被当做 undefined。

添加数据

let keyObj = {};
let keyFunc = function () {};
let keyString = "a string";

// 添加键
map.set(keyString, "和键'a string'关联的值");
map.set(keyObj, "和键keyObj关联的值");
map.set(keyFunc, "和键keyFunc关联的值");

删除数据

// 删除指定的数据
map.delete(keyObj);
// 删除所有数据
map.clear();

统计数据

// 统计所有 key-value 的总数
console.log(map.size); //2
// 判断是否有 key-value
console.log(map.has(keyObj)); // true

查询数据

• get() 方法返回某个 Map 对象中的一个指定元素

console.log(map.get(keyObj)); // 和键keyObj关联的值

查询方式

• keys()返回一个新的对象,他包含按照顺序插入 Map 对象中的每个元素的 key 值

• values()方法 返回一个新的对象它包含按顺序插入 Map 对象中每个元素的 value 值

• entries()方法返回一个新的包含[key,value]的对象.返回的迭代器的迭代顺序与 Map 对象的插入顺序相同

• for..of 可以直接遍历每个成员(推荐) foreach 也可以

map.forEach((value, key) => console.log(value, key));

for (let [key, value] of map) {
  console.log(key, value);
}

for (let key of map.keys()) {
  console.log(key);
}

for (let value of map.values()) {
  console.log(value);
}

for (let [key, value] of map.entries()) {
  console.log(key, value);
}

与 Object 的区别

键的类型

一个 Object 的键只能是字符串或者 Symbols 但一个 Map 的键可以是任意值,包括函数,对象,基本类型

键的顺序

Map 中的键值是有序的,而添加到对象中的键则不是。因此,当它遍历时,Map 对象是按插入的顺序返回键值

键值对的统计

你可以通过 size 属性直接获取一个 Map 的键值对个数，而 Object 的键值对个数只能手动计算。

键值对的遍历

Map 可直接进行迭代，而 Object 的迭代需要先获取它的键数组，然后再进行迭代。

性能

Map 在涉及频繁增删键值对的场景下会有些性能优势。