🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1
🕠牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》
🍚蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
文章目录
- 一、`Set`
- （一）定义与特性
- （二）使用场景
- （三）示例代码
- 二、`Map`
- （一）定义与特性
- （二）使用场景
- （三）示例代码
- 三、`WeakSet`
- （一）定义与特性
- （二）使用场景
- （三）示例代码
- 四、`WeakMap`
- （一）定义与特性
- （二）使用场景
- （三）示例代码
- 五、`Set`、`Map`、`WeakSet` 和 `WeakMap` 的区别
- （一）存储类型
- （二）垃圾回收
- （三）迭代能力
- （四）使用场景
- 六、总结
在 JavaScript 中，Set、Map、WeakSet和WeakMap是四种重要的数据结构，它们都用于存储键值对或唯一值。虽然它们在某些方面有相似之处，但在内部实现、使用场景和特性上存在显著差异。本文将详细介绍这四种数据结构的区别，并探讨它们各自的最佳使用场景。
一、Set
（一）定义与特性
Set是一个简单的集合数据结构，用于存储唯一的值。它不允许重复的值，因此每个值在集合中只能出现一次。
- 唯一性：
Set中的值必须是唯一的。 - 无键值对：
Set只存储值，不存储键值对。 - 迭代顺序：
Set的迭代顺序与值的插入顺序相同。
（二）使用场景
Set适用于以下场景：
- 去重：从数组中去除重复值。
- 成员检查：快速检查某个值是否存在于集合中。
- 集合操作：执行集合的并集、交集和差集操作。
（三）示例代码
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适用于以下场景：
- 键值对存储：存储键值对，键可以是任意类型（如对象、函数等）。
- 动态属性：为对象动态添加属性，而不需要修改对象本身。
- 高效查找：快速查找、插入和删除键值对。
（三）示例代码
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适用于以下场景：
- 私有属性：为对象添加私有属性，而不影响对象的垃圾回收。
- 弱引用管理：管理对象的弱引用，避免内存泄漏。
（三）示例代码
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适用于以下场景：
- 私有属性：为对象添加私有属性，而不影响对象的垃圾回收。
- 缓存：为对象创建缓存，避免内存泄漏。
（三）示例代码
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。通过合理使用这些数据结构，可以编写出更高效、更可靠的代码。
