`Set`、`Map`、`WeakSet` 和 `WeakMap` 的区别与使用场景

🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1
🕠牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》
🍚蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

在 JavaScript 中，Set、Map、WeakSet和WeakMap是四种重要的数据结构，它们都用于存储键值对或唯一值。虽然它们在某些方面有相似之处，但在内部实现、使用场景和特性上存在显著差异。本文将详细介绍这四种数据结构的区别，并探讨它们各自的最佳使用场景。

一、Set

（一）定义与特性

Set是一个简单的集合数据结构，用于存储唯一的值。它不允许重复的值，因此每个值在集合中只能出现一次。

• 唯一性：Set中的值必须是唯一的。
• 无键值对：Set只存储值，不存储键值对。
• 迭代顺序：Set的迭代顺序与值的插入顺序相同。

（二）使用场景

Set适用于以下场景：

1. 去重：从数组中去除重复值。
2. 成员检查：快速检查某个值是否存在于集合中。
3. 集合操作：执行集合的并集、交集和差集操作。

（三）示例代码

constmySet=newSet([1,2,3,3,4]);console.log(mySet);// Set(4) {1, 2, 3, 4}mySet.add(5);console.log(mySet.has(5));// truemySet.delete(3);console.log(mySet);// Set(4) {1, 2, 4, 5}

二、Map

（一）定义与特性

Map是一个键值对的集合，允许使用任意类型的值作为键或值。

• 键值对：Map存储键值对，键和值可以是任意类型。
• 唯一键：每个键在Map中必须是唯一的。
• 迭代顺序：Map的迭代顺序与键值对的插入顺序相同。

（二）使用场景

Map适用于以下场景：

1. 键值对存储：存储键值对，键可以是任意类型（如对象、函数等）。
2. 动态属性：为对象动态添加属性，而不需要修改对象本身。
3. 高效查找：快速查找、插入和删除键值对。

（三）示例代码

constmyMap=newMap();myMap.set("key1","value1");myMap.set({key:"objKey"},"value2");console.log(myMap.get("key1"));// value1console.log(myMap.has({key:"objKey"}));// false（对象引用不同）

三、WeakSet

（一）定义与特性

WeakSet是一个只存储对象引用的集合，这些引用是“弱引用”，不会阻止垃圾回收器自动回收对象。

• 弱引用：WeakSet中的对象引用是弱引用，不会影响对象的垃圾回收。
• 只存储对象：WeakSet只能存储对象，不能存储基本数据类型。
• 不可迭代：WeakSet不支持迭代，无法获取其内部的元素。

（二）使用场景

WeakSet适用于以下场景：

1. 私有属性：为对象添加私有属性，而不影响对象的垃圾回收。
2. 弱引用管理：管理对象的弱引用，避免内存泄漏。

（三）示例代码

constmyWeakSet=newWeakSet();constobj1={};constobj2={};myWeakSet.add(obj1);console.log(myWeakSet.has(obj1));// trueobj1=null;// obj1 被垃圾回收console.log(myWeakSet.has(obj1));// false（obj1 已被回收）

四、WeakMap

（一）定义与特性

WeakMap是一个键值对的集合，其中键必须是对象，值可以是任意类型。与Map不同，WeakMap的键是弱引用，不会阻止垃圾回收器自动回收对象。

• 弱引用键：WeakMap的键是弱引用，不会影响对象的垃圾回收。
• 键必须是对象：WeakMap的键必须是对象，不能是基本数据类型。
• 不可迭代：WeakMap不支持迭代，无法获取其内部的键值对。

（二）使用场景

WeakMap适用于以下场景：

1. 私有属性：为对象添加私有属性，而不影响对象的垃圾回收。
2. 缓存：为对象创建缓存，避免内存泄漏。

（三）示例代码

constmyWeakMap=newWeakMap();constobj1={};constobj2={};myWeakMap.set(obj1,"value1");console.log(myWeakMap.get(obj1));// value1obj1=null;// obj1 被垃圾回收console.log(myWeakMap.get(obj1));// undefined（obj1 已被回收）

五、Set、Map、WeakSet和WeakMap的区别

（一）存储类型

• Set：存储任意类型的唯一值。
• Map：存储任意类型的键值对。
• WeakSet：存储对象引用（弱引用）。
• WeakMap：存储对象键和任意类型的值（键是弱引用）。

（二）垃圾回收

• Set和Map：存储的值或键值对会影响垃圾回收，对象不会被自动回收。
• WeakSet和WeakMap：存储的对象引用是弱引用，不会阻止垃圾回收器自动回收对象。

（三）迭代能力

• Set和Map：支持迭代，可以使用for...of或forEach遍历。
• WeakSet和WeakMap：不支持迭代，无法直接获取内部的元素或键值对。

（四）使用场景

• Set：适用于去重、成员检查和集合操作。
• Map：适用于存储键值对、动态属性和高效查找。
• WeakSet：适用于管理对象的弱引用和私有属性。
• WeakMap：适用于为对象添加私有属性和缓存。

六、总结

Set、Map、WeakSet和WeakMap是 JavaScript 中四种重要的数据结构，它们各自有不同的特性和使用场景。Set和Map是常规的数据结构，适用于大多数场景；而WeakSet和WeakMap则提供了弱引用机制，适用于需要避免内存泄漏的场景。

在实际开发中，开发者需要根据具体需求选择合适的数据结构。例如，如果需要存储键值对并支持迭代，可以选择Map；如果需要为对象添加私有属性而不影响垃圾回收，可以选择WeakMap。通过合理使用这些数据结构，可以编写出更高效、更可靠的代码。