当前位置：首页 > news >正文

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

news 2026/6/6 19:20:48

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

文章目录

在 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`的区别

文章目录

相关文章：