Map 是 ES6 中新增的数据结构，它可以用来存储键值对，其中键和值可以是任何类型。与传统的对象不同，Map 提供了更加灵活的键值对存储方式。在前端开发中，我们经常需要使用 Map 来存储信息，比如缓存数据、路由映射等。本文将详细介绍如何在 ES6 中使用 Map 来存储信息。
Map 的基本用法
创建 Map 对象的方法很简单，只需要使用关键字 new，并且不需要传递任何参数：
const map = new Map();
向 Map 中添加键值对，可以使用 set() 方法：
map.set('name', 'Tom');
map.set('age', 18);获取 Map 中的值，可以使用 get() 方法：
console.log(map.get('name')); // 输出 "Tom"
console.log(map.get('age')); // 输出 18判断 Map 中是否存在某个键，可以使用 has() 方法：
console.log(map.has('name')); // 输出 true
console.log(map.has('gender')); // 输出 false删除 Map 中的某个键，可以使用 delete() 方法：
map.delete('age');
console.log(map.has('age')); // 输出 false清空 Map 中的所有键值对，可以使用 clear() 方法：
map.clear(); console.log(map.size); // 输出 0
Map 的高级用法
除了基本的键值对存储外，Map 还提供了一些高级的用法。
1. 使用自定义对象作为键
在传统的对象中，键只能是字符串类型，而在 Map 中，键可以是任何类型。甚至可以使用自定义对象作为键。比如下面这个例子：
const map = new Map();
const obj = { name: 'Tom', age: 18 };
map.set(obj, 'info');
console.log(map.get(obj)); // 输出 "info"在这个例子中，我们使用了一个自定义对象作为键，并且向 Map 中添加了一个键值对。然后通过 get() 方法获取值时，也使用了同样的自定义对象作为参数。
2. 使用迭代器遍历 Map
Map 提供了三种迭代器，分别是 keys()、values() 和 entries()。其中 keys() 方法返回 Map 中所有键的迭代器，values() 方法返回 Map 中所有值的迭代器，entries() 方法返回 Map 中所有键值对的迭代器。这些迭代器可以使用 for...of 循环进行遍历。
-- -------------------- ---- ------- ----- --- - --- ------ --------------- ------- -------------- ---- --- ------ --- -- ----------- - ----------------- - --- ------ ----- -- ------------- - ------------------- - --- ------ ----- ------ -- -------------- - ---------------- ------- -
3. 使用 Map 进行对象深拷贝
在 JavaScript 中，对象的拷贝是一件比较麻烦的事情。使用 Map 可以轻松实现对象的深拷贝。下面是一个简单的例子：
const obj = { name: 'Tom', age: 18 };
const map = new Map(Object.entries(obj));
const objCopy = Object.fromEntries(map);
console.log(objCopy); // 输出 { name: 'Tom', age: 18 }在这个例子中，我们先将对象转换为键值对数组，然后使用 Map 将键值对存储起来。最后使用 Object.fromEntries() 方法将 Map 转换为对象，实现了对象的深拷贝。
总结
本文介绍了在 ES6 中使用 Map 来存储信息的基本用法和高级用法。通过学习本文，你应该已经掌握了 Map 的基本操作，以及如何使用 Map 来实现一些高级功能。在实际开发中，合理使用 Map 可以提高代码的可读性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e006841886fbafa4d3f142