Map、WeakMap、Set、WeakSet：剖析 JavaScript 中的数据结构

在 JavaScript 的汪洋大海中，数据结构犹如舵手，引导着代码的航向。其中，Map、WeakMap、Set 和 WeakSet 扮演着举足轻重的角色。它们为高效存储和检索数据提供了灵活而强大的工具。本文将深入浅出地解析这些数据结构，揭示它们的本质和精妙之处。

Map：键值对的宝库

Map 数据结构在 JavaScript 中用于存储键值对。它与对象类似，但具有更强大的特性。Map 中的键和值可以是任意类型，这赋予了它极大的灵活性。

WeakMap：稍纵即逝的键值对

WeakMap 与 Map 相似，但它有一个独特的特性：它持有的键是弱引用。这意味着当键不再被其他变量引用时，WeakMap 会自动释放它们。这对于处理临时对象或避免内存泄漏至关重要。

Set：独一无二的集合

Set 数据结构用于存储唯一值。它与数组不同，它不允许重复项。Set 提供了快速查找和删除元素的功能，使其成为处理不重复数据集的理想选择。

WeakSet：转瞬即逝的集合

与 WeakMap 类似，WeakSet 也是一种集合数据结构，但它持有的元素是弱引用。当元素不再被其他变量引用时，WeakSet 会自动释放它们。这对于处理临时对象或避免内存泄漏至关重要。

Map、WeakMap、Set、WeakSet 之间的区别

键的类型：

• Map 和 Set 可以存储任意类型的值作为键。
• WeakMap 和 WeakSet 只能存储对象作为键。

键的引用：

• Map 和 Set 存储对键的强引用。
• WeakMap 和 WeakSet 存储对键的弱引用，当键不再被其他变量引用时，它们会自动释放。

值：

• Map 和 WeakMap 可以存储任意类型的值。
• Set 和 WeakSet 只存储元素本身，没有值。

用途：

• Map 用于存储键值对，特别适合需要快速查找和检索数据的场景。
• WeakMap 用于存储键值对，但当键不再被引用时，它会自动释放。
• Set 用于存储不重复的元素，特别适合需要快速查找和删除元素的场景。
• WeakSet 用于存储不重复的元素，当元素不再被引用时，它会自动释放。

示例：

Map：

const myMap = new Map();
myMap.set("name", "John Doe");
myMap.get("name"); // "John Doe"

WeakMap：

const myWeakMap = new WeakMap();
const obj = {};
myWeakMap.set(obj, "John Doe");
myWeakMap.get(obj); // "John Doe"

Set：

const mySet = new Set();
mySet.add("apple");
mySet.add("banana");
mySet.has("apple"); // true

WeakSet：

const myWeakSet = new WeakSet();
const obj = {};
myWeakSet.add(obj);
myWeakSet.has(obj); // true

通过深入理解 Map、WeakMap、Set 和 WeakSet 的区别和联系，开发者可以掌握强大的工具来高效存储和检索数据。这些数据结构在现代 JavaScript 开发中扮演着不可或缺的角色，为应用程序的性能和可靠性提供了坚实的基础。