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