ES6 Map 看似简单，实则为你的开发带来了很多便利-JavaScript中文网-JavaScript教程资源分享门户

ES6 Map 是一种新的数据结构，它的出现为我们的开发带来了很多便利。在 ES6 之前，我们通常使用对象来存储键值对，但是在某些场景下，对象并不是最好的选择。ES6 Map 解决了这个问题，让我们能够更加方便地存储和操作键值对。

Map 的基本用法

Map 是一种键值对的集合，其中每个键唯一对应一个值。Map 可以使用任何类型的值作为键，包括对象、字符串、数字等等。下面是一个简单的示例：

const map = new Map();

map.set('key1', 'value1');
map.set('key2', 'value2');

console.log(map.get('key1')); // 输出 'value1'
console.log(map.get('key2')); // 输出 'value2'

在上面的示例中，我们创建了一个空的 Map 对象，然后使用 set 方法向其中添加了两个键值对。使用 get 方法可以获取指定键对应的值。

Map 的高级用法

除了基本的增删改查操作之外，Map 还支持一些高级的用法，比如迭代器、扩展运算符、forEach 等等。

迭代器

Map 提供了三种迭代器：keys、values 和 entries。它们分别返回 Map 对象中的键、值和键值对。下面是一个简单的示例：

// javascriptcn.com 代码示例
const map = new Map();

map.set('key1', 'value1');
map.set('key2', 'value2');

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

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

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

上面的代码中，我们使用 for...of 循环遍历了 Map 对象中的键、值和键值对。

扩展运算符

Map 还支持扩展运算符，可以将 Map 对象转换成数组。下面是一个简单的示例：

const map = new Map();

map.set('key1', 'value1');
map.set('key2', 'value2');

const arr = [...map];

console.log(arr); // 输出 [ ['key1', 'value1'], ['key2', 'value2'] ]

上面的代码中，我们使用扩展运算符将 Map 对象转换成了数组。

forEach

Map 还提供了 forEach 方法，可以用来遍历 Map 对象中的键值对。下面是一个简单的示例：

const map = new Map();

map.set('key1', 'value1');
map.set('key2', 'value2');

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

上面的代码中，我们使用 forEach 方法遍历了 Map 对象中的键值对。

总结

ES6 Map 是一种非常有用的数据结构，它为我们的开发带来了很多便利。在实际的开发中，我们可以根据具体的需求选择使用 Map 还是对象来存储键值对。如果需要使用高级的操作，比如迭代器、扩展运算符、forEach 等等，那么 Map 就是更好的选择。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655ab804d2f5e1655d4ed6f3