map集合的理解

Map 是一个含有数据的键的集合，跟普通的 Object一样。但是它们最大的差别是Map允许键是任何类型。 关于Map的方法和属性如下：

new Map() 创建一个空集合 map.set(key, value) 存储含有值的键 map.get(key) 根据键来返回值，如果 key 不在 map 里将会返回 undefined map.has(key) 如果key存在则返回 true，否则返回 false map.delete(key) 根据键来删除值 map.clear 清空集合 map.size 返回当前全部元素的数量 举个例子：

let map = new Map(); map.set('1', 'str1'); map.set(1, 'num1'); map.set(true, 'bool1'); //Map 会保持类型，而不会像Object将键转化为字符串 alert( map.get(1) ); // 'num1' alert( map.get('1') ); // 'str1'

Map 还可以使用对象作为键 示例：

let john = { name: 'John' }; //创建一个集合可以存储每个游客的来访次数 let visitsCountMap = new Map(); // john 的来访次数是123 visitsCountMap.set(john, 123); //读取 john 的来访次数 alert( visitsCountMap.get(john) ); // 123

使用对象作为键是 Map 最出名也是最重要的特点。

Map 是怎么比较键的？ 为了测试键的一致性，Map 使用 SameValueZero 算法。它大致上使用严格相等 ===，但不同的是 NaN 被看成是等于 NaN。所以 NaN 也可以被用作键。(这个算法不能被改变或者自定义)

链式调用 每一次调用 map.set 都会返回集合本身，所以我们可以使用：

map.set('1', 'str1').set(1, 'num1').set(true, 'bool1');

Map 迭代

如果要在 map 里使用循环，可以使用以下三个方法：

map.keys() 返回所有键的迭代器 map.values() 返回所有值的迭代器 map.entries() 返回包含所有键值对的迭代器，在 for…of 循环中默认被使用 示例：

let recipeMap = new Map([ ['cucumber', 500], ['tomatoes', 350], ['onion', 50] ])； //迭代键 for (let vegetable of recipeMap.keys()) { alert(vegetable); // cucumber, tomatoes, onion } //迭代值 for (let amount of recipeMap.values()) { alert(amount); // 500, 350, 50 } //迭代键值对 for (let entry of recipeMap) { // 效果跟 recipeMap.entries() 相同 alert(entry); // 依次是 cucumber,500 tomatoes,350 onion,50 }

按顺序插入 迭代的顺序与插入键的顺序相同。Map 会保持相同的顺序，不像普通 Object 不保证顺序。 除此之外，Map 有个内建 forEach 方法，跟 Array 一样：

//对每个 (key, value) 对运行 forEach 函数 recipeMap.forEach( (value, key, map) => { alert(`${key}: ${value}`); // cucumber: 500 })

Object.entries: 把对象转化为 map 当 Map 被创建之后，我们可以传入带有键值对的数组（或其它可迭代的对象）来进行初始化，像这样：

//包含 [key, value] 对的数组 let map = new Map([ ['1', 'str1'], [1, 'num1'], [true, 'bool1'] ]); alert( map.get('1') );

如果我们有个纯对象，并且想利用这个纯对象来创建 Map，可以使用内建方法 Object.entries(obj)，它返回一个具有相同格式的并且带有键值对的数组对象。 示例：

let obj = { name: 'John', age: 30 }; let map = new Map(Object.entries(obj)); alert( map.get('name') ); // John

这里，Object.entries 返回一个含有键值对的数组：[ [‘name’,‘John’], [‘age’, 30] ]。这就是 Map 所需要的参数格式。

Object.fromEntries: 把 map 转化为对象 我们刚刚已经利用 Object.entries(obj) 把一个纯对象转化成 Map Object.fromEntries 方法的作用是相反的：给定一个具有 [key, value] 对的数组，它会根据给定数组转化为 Object：

let prices = Object.fromEntries([ ['banana', 1], ['orange', 2], ['meat', 3] ]); alert(prices.orange); // 2

我们可以使用 Object.fromEntries 从 Map 中得到一个纯对象。 例如：我们存了数据在 Map 中，但是我们需要把它转给需要纯对象的第三方代码。 示例：

let map = new Map(); map.set('banana', 1); map.set('orange', 2); map.set('meat', 3); let obj = Object.fromEntries(map.entries()); alert(obj.orange); // 2

调用 map.entries() 将返回含有键值对的数组，这刚好是 Object.fromEntries 所需要的格式。 当然，使用下面的方式也是可以的：

let obj = Object.fromEntries(map);

上面的代码作用是一样的，因为 Object.fromEntries 需要一个可迭代对象作为参数，map 的标准迭代会返回跟 map.entries() 一样的键值对。