ECMAScript 2016 引入了一种新的数据结构——Map，它可以用来存储键值对的集合。相较于传统的对象（Object），Map 具有更多优势，比如键可以是任何类型（包括对象），遍历时按插入顺序，有 size 属性等等。
本文将为大家详细介绍 Map 的用法，并通过示例代码演示如何使用 Map 来解决一些实际问题。
基本用法
Map 的创建和初始化非常简单：
let map = new Map();
我们还可以在创建时添加键值对：
let map = new Map([['key1', 'value1'], ['key2', 'value2']]);
如果需要添加、修改或删除键值对，可以使用 set、get、has、delete、clear 方法：
let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.get('key1'); // 'value1'
map.has('key3'); // false
map.delete('key1');
map.clear();Map 的遍历方式有多种，可以使用 for...of 循环或者 forEach 方法：
-- -------------------- ---- -------
--- --- - --- ------------- ---------- -------- ------------
------- ---- -- ---- -
-------------------- ---------
-
-- ------- --------
-- ------- --------
------------------- ---- -- -
---------------- -------
---
-- ------- --------
-- ------- --------实际应用
统计字符出现次数
假设我们有一个字符串，需要统计每个字符出现的次数。使用 Map 可以很方便地解决这个问题：
-- -------------------- ---- -------
-------- --------------- -
--- --- - --- ------
------- ---- -- ---- -
--- ----- - ------------- -- --
------------- ----- - ---
-
------ ----
-
--- ------ - ----------------- --------
--------------------
-- ------ - --- -- -- --- -- -- --- -- -- --- -- -- - - -- -- --- -- -- --- -- -- --- -- - -缓存函数结果
在实际开发中，函数经常需要进行复杂计算，为了避免重复计算，我们可以将已经计算过的结果缓存起来，当下次需要计算相同参数的结果时，直接返回缓存的结果。使用 Map 可以轻松地实现这个功能：
-- -------------------- ---- -------
-------- ---------- -
--- ----- - --- ------
------ ----------------- -
--- --- - ---------------
------------------ -
---------------- ---- --------
------ ---------------
-
--- ------ - ------------
-------------- --------
------ -------
-
-
-------- --------------------- -- -
--------------------- --------------
------ - - --
-
--- ----------------- - ---------------------------
--- ------ - -------------------- ---
-------------------- -- -
------ - -------------------- ---
-------------------- -- - ---- ---- ------
------ - -------------------- ---
-------------------- -- --
------ - -------------------- ---
-------------------- -- -- ---- ---- ------实现 LRU 缓存
LRU（Least Recently Used）缓存是一种常见的缓存策略，基本思想是移除最近不常使用的缓存项。我们可以使用 Map 和双向链表来实现 LRU 缓存：
-- -------------------- ---- -------
----- ------ -
-------------------- -
------------ - --------
-------- - --- ------
--------- - - ---- ----- ------ ----- ----- ----- ----- ---- --
--------- - - ---- ----- ------ ----- ----- ---------- ----- ---- --
-------------- - ----------
-
-------- -
---------------------- -
------ -----
-
--- ---- - ------------------
----------------------
------ -----------
-
-------- ------ -
--- ---- - ------------------
-------- -
---------- - ------
----------------------
- ---- -
---------------- --- ------------- -
------------------
-
---- - - ---- ------ ----- ---------- ----- -------------- --
------------------- - -----
-------------- - -----
----------------- ------
-
-
---------------- -
----------------------
--------- - ----------
--------- - ---------------
------------------- - -----
-------------- - -----
-
---------------- -
-------------- - ----------
-------------- - ----------
-
------------ -
--- ---- - ---------------
----------------------
--------------------------
-
-
--- ------ - --- ----------
------------------ ----------
------------------ ----------
-------------------------------- -- --------
------------------ ----------
-------------------------------- -- ----
-------------------------------- -- --------
-------------------------------- -- --------总结
Map 是 ECMAScript 2016 中新增的数据结构，具有很多实用的方法和属性，可以解决很多实际问题。本文中介绍了 Map 的基本用法和几个实际应用场景，希望读者能够掌握 Map 的基本用法，并且能够灵活运用 Map 解决实际问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6532194d7d4982a6eb44eb84