在 JavaScript 编程中，经常会遇到数据类型问题。特别是在处理大量数据时，仅仅使用原生的对象类型可能会遇到很多困难，比如无法用字符串作为键名、难以判断元素是否存在等等。因此，ES6 引入了一种新的数据类型——Map 类型，来解决这些问题。
Map 类型简介
Map 类型是 ES6 新增的一种数据类型，它可以将值和键关联在一起，且不仅仅限于字符串类型的键名。在 Map 中，任何类型（包括对象）都可以充当键名（key）。除此之外，它还具有以下这些特点：
- 操作简单，提供了丰富的操作方法，包括读写数据，查找数据等等；
- 可以使用 set() 方法设置新的键值对，使用 get() 方法获取值，使用 has() 方法检查是否包含某个键值对，使用 delete() 方法删除某个键值对；
- 长度可变，不像普通的 object，Map 类型容易得到键值的数量；
- 支持迭代，可以通过 for...of 遍历 Map 中的键值对。
使用 Map 类型
定义 Map 对象
定义 Map 对象的方法很简单，直接通过 new Map() 创建即可：
let myMap = new Map()
设置键值对
我们首先来看看如何向 Map 对象中添加键值对，可以通过 set() 方法设置新的键值对。
let myMap = new Map()
myMap.set('key1', 'value1')
myMap.set('key2', 'value2')获取值
获取值的方法比较简单，只需要通过 get() 方法传入键名即可。如果键名不存在，返回 undefined。
myMap.get('key1') // 'value1'删除值
删除某个键值对，可以通过 delete() 方法传入键名来实现。
myMap.delete('key1')检查是否包含某个键值对
检查某个键值对是否存在，可以使用 has() 方法。
myMap.has('key1') // false
myMap.has('key2') // true遍历 Map 对象
Map 类型支持迭代，可以使用 for...of 循环遍历 Map 中的键值对，代码如下：
-- -------------------- ---- ------- --- ----- - --- ----- -------- ---------- -------- ---------- -------- --------- -- --- ---- ----- ------ -- ------ - ---------------- ------ -
另外，Map 对象还提供了一个 keys() 方法，可以获取 Map 中的所有键名，一个 values() 方法，可以获取 Map 中的所有键值，一个 entries() 方法，可以获取 Map 中的所有键值对，代码如下：
console.log([...myMap.keys()]) // ['key1', 'key2', 'key3'] console.log([...myMap.values()]) // ['value1', 'value2', 'value3'] console.log([...myMap.entries()]) // [['key1','value1'],['key2','value2'],['key3','value3']]
Map 应用场景
- 解决键名只能为字符串的问题，可以用 Map 来保存回调函数，以事件名为键名。
- 解决无法使用 object 判断元素是否存在问题，可以用 Map 保存已遍历的元素。
- 解决重复添加的问题，可以用 Map 的 set 方法，由于其键名的唯一性，避免将相同键名的对象存储在 Map 中。
总结
ES6 Map 类型是一个非常好用且方便的新数据类型。通过上面的介绍，我们可以掌握基本的使用方法以及它的一些特点。了解了它的优点，合理地运用 Map 类型，可以有效地提升我们的编程效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6477261c968c7c53b03b5abf