在前端开发中，我们经常需要使用到 JavaScript 的对象。其中一种常用的 JavaScript 对象是 Map 对象，它可以存储键值对，并且可以使用任何 JavaScript 对象作为键名。然而，在以往的 JavaScript 版本中，同一对象作为键名时会被覆盖，从而导致数据丢失。在 ECMAScript 2021 (ES12) 中，这个问题得到了解决。
ES12 中的 Map 对象
在 ES12 中，我们可以使用 Map 对象来存储键值对，而不需要担心键名被覆盖的问题。Map 对象提供了一种新的使用对象作为键名的方式，这种方式是通过引用而不是值来比较键名的。
const map = new Map();
const obj = {key: "value"};
map.set(obj, "data");
console.log(map.get(obj)); // "data"在上面的示例中，我们创建了一个 Map 对象并向其添加了一个键值对。键名是一个对象，而不是一个字符串或数字。当我们从 Map 对象中获取值时，我们可以传递同一个对象作为键名，并得到相应的值。
为什么使用 Map 对象
在以往的 JavaScript 版本中，同一对象作为键名时会被覆盖，从而导致数据丢失。在使用 Map 对象时，我们可以使用任何 JavaScript 对象作为键名，并且不需要担心键名的覆盖问题。这使得我们可以更方便地处理键值对，并且在编写复杂逻辑时可以避免数据丢失的问题。
另外，Map 对象还提供了一些方法，例如 has()方法，用于检查 Map 对象中是否存在指定键名的键值对，以及 delete() 方法，用于删除指定键名的键值对。这些方法使得我们可以更轻松地管理 Map 对象中的键值对。
总结
Map 对象是 ECMAScript 2021 (ES12) 中新增加的一种 JavaScript 对象，可用于存储键值对。通过使用对象作为键名，并且通过引用而不是值来比较键名，我们可以避免键名被覆盖的问题，并且可以更方便地管理键值对。为了学习 Map 对象的更多用法，你可以阅读官方文档。
const map = new Map();
const obj = {key: "value"};
map.set(obj, "data");
console.log(map.get(obj)); // "data"来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e56647f6b2d6eab30d505d