深入解析： Set、Map、WeakSet 和 WeakMap 的区别

ai_todo

已于 2023-07-27 23:00:57 修改

阅读量941

点赞数 1

文章标签：前端学习 javascript

于 2023-07-27 22:49:39 首次发布

本文链接：https://blog.youkuaiyun.com/m0_49768044/article/details/131970111

版权

本文介绍了JavaScript中的四种数据结构：Set、Map、WeakSet和WeakMap。Set用于存储唯一值，不允许重复；Map是键值对集合，键可以是任何类型且有序；WeakSet和WeakMap使用弱引用，当对象不再被其他地方引用时会被自动清理，常用于内存优化。这些数据结构各有特点，适用于不同的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

文章目录

📈「作者简介」：不知名十八线技术博主【ai_todo】
📚「推荐主页」：前端小姐姐【阿珊和她的猫】
🎁「推荐专栏」：《从0到0.01入门React》
🕐「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

Vue.js 和 Egg.js 开发企业级健康管理项目

带你从入门到实战全面掌握 uni-app

当谈到集合和映射数据结构时，JavaScript提供了四种不同的内建对象：Set、Map、WeakSet和WeakMap。它们具有不同的特点和用途。

1. Set（集合）

Set对象允许存储任何类型的唯一值，不允许重复。
Set中的值是无序的，无法通过索引访问。
通过add()方法添加值到Set中，通过has()方法检查值是否存在，通过delete()方法删除值。
可以使用size属性获取Set中的值的数量。
Set是迭代器，可以使用forEach()或for...of循环遍历Set中的值。

当使用Set（集合）时，你可以执行以下操作的示例代码：

创建一个空的Set：

const set = new Set();

向Set中添加值：

set.add("apple");
set.add("banana");
set.add("orange");

检查值是否存在于Set中：

console.log(set.has("apple"));     // 输出: true
console.log(set.has("grape"));     // 输出: false

从Set中删除值：

set.delete("banana");
console.log(set);                  // 输出: Set { "apple", "orange" }

获取Set的大小：

console.log(set.size);             // 输出: 2

遍历Set中的值：

set.forEach(value => {
   
  console.log(value);
});
// 输出：
// apple
// orange

// 或者使用for...of循环
for

最低0.47元/天解锁文章