什么是 Map 数据结构
Map 是 ES6 中新增的一种数据结构，其类似于传统的 JavaScript 对象，但具有更加强大和灵活的能力。与对象相比，Map 具有以下优点：
- 键的类型不仅限于字符串，还可以是任意数据类型，包括对象、函数等；
- 可以遍历，可以使用 for...of 循环遍历 Map 的键值对；
- 可以通过 size 属性获取元素个数。
Map 的使用方法
创建 Map
const map = new Map();
创建了一个名为 map 的 Map 实例。
添加键值对
map.set(key, value);
使用 set 方法添加键值对。其中，key 表示键，value 表示值。下面是一个实例：
const map = new Map();
map.set('name', 'Tom');
map.set(123, 'number');
map.set(true, 'bool');获取键值对
map.get(key);
使用 get 方法获取对应键的值。例如：
map.get('name'); // 输出 'Tom'删除键值对
map.delete(key);
使用 delete 方法删除键值对。例如：
map.delete('name'); // 删除键为 'name' 的键值对检查 Map 中是否包含某个键
map.has(key);
使用 has 方法检查 Map 中是否包含指定的键，返回一个布尔值。例如：
map.has('name'); // 返回 false，因为'name'这个键已经被删除了遍历 Map
- 遍历键值对
使用 entries 方法可以遍历 Map 中的所有键值对。例如：
for (let [key, value] of map.entries()) {
console.log(`${key}: ${value}`);
}- 遍历键
使用 keys 方法可以遍历 Map 中的所有键。例如：
for (let key of map.keys()) {
console.log(key);
}- 遍历值
使用 values 方法可以遍历 Map 中的所有值。例如：
for (let value of map.values()) {
console.log(value);
}获取 Map 元素数量
map.size;
使用 size 属性可以获取 Map 中元素的数量。例如：
map.size; // 返回 2
实例场景
缓存数据
对于一些经常使用的数据，我们可以将其保存在 Map 中作为缓存，避免重复计算或请求。例如：
-- -------------------- ---- -------
----- ----- - --- ------
-------- -------------- -
-- ---------------- -
------ ---------------
-
----- ---- - -- --- --------
-------------- ------
------ -----
-统计词频
使用 Map 可以方便地统计字符串中每个单词的词频。例如：
-- -------------------- ---- -------
-------- ------------- -
----- ----- - ----------- ---
----- ------- - --- ------
--- ---- ---- -- ------ -
-- ------------------- -
----------------- ----------------- - ---
- ---- -
----------------- ---
-
-
------ --------
-管理事件回调函数
在开发中，经常需要对事件进行监听，并在事件触发时执行对应的回调函数。使用 Map 可以方便地保存事件监听器和对应的回调函数。例如：
-- -------------------- ---- -------
----- -------------- - --- ------
-------- ----------------------- --------- -
-- --------------------------- -
-----------------------------------------
- ---- -
------------------------- ------------
-
-
-------- ------------------- -
-- ---------------------------- -
-------
-
----- --------- - --------------------------
--- ---- -------- -- ---------- -
-----------
-
-总结
Map 是 JavaScript 中一种强大和灵活的数据结构，可以避免传统的对象在某些情况下的局限性。在实际开发中，我们可以使用 Map 来解决许多问题。了解 Map 的基本使用方法，可以帮助我们更好地应用它来解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646f2daf968c7c53b0d93495