《别再用传统对象了！用Map和WeakMap成为数据存储新宠儿》

前端

2023-09-01 10:46:58

Map 和 WeakMap：ES6 中用于存储键值对的强大数据结构

在 JavaScript 中，我们需要处理大量数据，而对象是我们用于存储键值对的首选。然而，传统的对象存在局限性，例如：

键只能是字符串。
值可以是任何类型的数据。
没有内置的方法来遍历键或值。
不支持弱引用，这可能会导致内存泄漏。

Map 和 WeakMap

Map 和 WeakMap 是 ES6 中引入的两种新型数据结构，它们专门用于存储键值对。这两者都有明显的优势：

键和值都可以是任何类型的数据。
内置方法可以遍历键或值。
支持弱引用，有助于防止内存泄漏。

Map：键值对集合

Map 是一种键值对集合，可以存储任何类型的键和值。键是用于索引值，而值可以是任何类型的数据。Map 提供了许多方法来操作键值对，包括：

set(key, value)：向 Map 中添加一个新键值对。
get(key)：返回与给定键关联的值。
has(key)：检查 Map 中是否包含给定键。
delete(key)：从 Map 中删除一个键值对。
size：返回 Map 中键值对的数量。
keys()：返回 Map 中所有键的数组。
values()：返回 Map 中所有值的数组。
entries()：返回 Map 中所有键值对的数组。

代码示例：

const myMap = new Map();
myMap.set("name", "John Doe");
myMap.set(42, true);

console.log(myMap.get("name")); // 输出：John Doe
console.log(myMap.size); // 输出：2

WeakMap：键值对集合，具有弱引用

WeakMap 是一种键值对集合，只能存储对象键和值。键必须是对象，而值可以是任何类型的数据。与 Map 不同，WeakMap 不提供遍历键或值的方法。但是，它支持键的弱引用。这意味着如果键不再被任何其他变量引用，那么 WeakMap 中的键值对将被自动删除。

代码示例：

const myWeakMap = new WeakMap();
const obj = { name: "John Doe" };
myWeakMap.set(obj, true);

console.log(myWeakMap.has(obj)); // 输出：true

delete obj; // 删除对对象的引用

console.log(myWeakMap.has(obj)); // 输出：false

Map 和 WeakMap 的比较

特性	Map	WeakMap
键的类型	任何类型	对象
值的类型	任何类型	任何类型
内置的方法	`set()`, `get()`, `has()`, `delete()`, `size`, `keys()`, `values()`, `entries()`	无
弱引用	不支持	支持