在 JavaScript 中，Map 和 WeakMap 都是非常有用的数据结构。它们可以帮助我们更方便地存储和访问数据，以及更有效地管理内存。在 ECMAScript 2021 (ES12) 中，Map 和 WeakMap 的使用方式也有一些新的变化和扩展。在本文中，我们将详细介绍如何在 ES12 中使用 Map 和 WeakMap，并提供一些示例代码和指导意义。
Map
Map 是一种键值对的集合，其中每个键和值都可以是任何类型的数据。在 ES6 中，Map 被引入为一种新的数据结构。在 ES12 中，Map 的功能得到了扩展和改进。
创建一个 Map
要创建一个新的 Map，可以使用 Map 构造函数，如下所示：
const myMap = new Map();
添加键值对
要向 Map 中添加一个键值对，可以使用 set() 方法：
myMap.set('key', 'value');获取值
要从 Map 中获取一个值，可以使用 get() 方法：
const value = myMap.get('key');删除键值对
要从 Map 中删除一个键值对，可以使用 delete() 方法：
myMap.delete('key');Map 的新功能
在 ES12 中，Map 的功能得到了扩展和改进。以下是一些新功能：
1. forEach() 方法
Map 现在支持 forEach() 方法，这使得遍历 Map 变得更加容易：
myMap.forEach((value, key) => {
console.log(key, value);
});2. with() 方法
Map 现在支持 with() 方法，这使得可以更方便地使用 Map 中的值：
with(myMap) {
console.log(key, value);
}3. size 属性
Map 现在有一个 size 属性，可以返回 Map 中键值对的数量：
console.log(myMap.size);
WeakMap
WeakMap 与 Map 类似，但是具有一些不同的特性。其中最重要的特性是，WeakMap 中的键必须是对象，并且是弱引用。这意味着如果 WeakMap 中的键不再被引用，它们将被自动删除。
创建一个 WeakMap
要创建一个新的 WeakMap，可以使用 WeakMap 构造函数，如下所示：
const myWeakMap = new WeakMap();
添加键值对
要向 WeakMap 中添加一个键值对，可以使用 set() 方法：
const key = {};
myWeakMap.set(key, 'value');获取值
要从 WeakMap 中获取一个值，可以使用 get() 方法：
const value = myWeakMap.get(key);
删除键值对
要从 WeakMap 中删除一个键值对，可以使用 delete() 方法：
myWeakMap.delete(key);
WeakMap 的新功能
在 ES12 中，WeakMap 的功能也得到了扩展和改进。以下是一些新功能：
1. has() 方法
WeakMap 现在支持 has() 方法，可以检查 WeakMap 中是否存在某个键：
if (myWeakMap.has(key)) {
console.log('key exists');
}2. with() 方法
WeakMap 现在也支持 with() 方法，可以更方便地使用 WeakMap 中的值：
with(myWeakMap) {
console.log(key, value);
}3. 转换为普通对象
WeakMap 现在可以通过 Object.fromEntries() 方法转换为普通对象：
const myObj = Object.fromEntries(myWeakMap); console.log(myObj);
总结
在 ECMAScript 2021 (ES12) 中，Map 和 WeakMap 的功能得到了扩展和改进。它们可以帮助我们更方便地存储和访问数据，并更有效地管理内存。在本文中，我们介绍了如何在 ES12 中使用 Map 和 WeakMap，并提供了一些示例代码和指导意义。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d95f521886fbafa46f1d2d