Map、Set、WeakMap 和 WeakSet

都是 ES6引入的集合类型

Map(映射)

Map 是一种键值对集合,键可以是任意类型(对象、函数、原始值),保持插入顺序,可直接迭代。

常用方法:

js 复制代码
const map = new Map();
map.set('name', '张三'); // 添加键值对
map.set(1, '数字一');
map.set({id: 1}, '对象作为键');

console.log(map.get('name')); // '张三'
console.log(map.has(1)); // true
console.log(map.size); // 3

map.delete(1); // 删除键
map.clear(); // 清空

使用场景:

  • 需要键不是字符串/数字的情况
  • 需要保持插入顺序的集合
  • 频繁增删键值对的场景

Set(集合)

Set 是值的集合,每个值都是唯一的,保持插入顺序,可直接迭代。

常用方法:

js 复制代码
const set = new Set();
set.add(1);
set.add('text');
set.add({name: 'John'});

console.log(set.has(1)); // true
console.log(set.size); // 3

set.delete('text'); // 删除值
set.clear(); // 清空

使用场景:

  • 数组去重
  • 存储唯一值列表
  • 快速查找是否存在某值

WeakMap(弱映射)

WeakMap 是键必须是对象的 Map,键是弱引用,不可迭代,没有 size 属性。

常用方法:

js 复制代码
const weakMap = new WeakMap();
let obj = {};

weakMap.set(obj, '私有数据');
console.log(weakMap.get(obj)); // '私有数据'
weakMap.delete(obj);

使用场景:

  • 存储对象的私有数据
  • 需要与对象生命周期绑定的数据
  • 避免内存泄漏的场景

WeakSet(弱集合)

WeakSet 是值必须是对象的 Set,值是弱引用,不可迭代,没有 size 属性。

特点:

  • 值必须是对象
  • 值是弱引用(不影响垃圾回收)
  • 不可迭代
  • 没有 size 属性

常用方法:

js 复制代码
const weakSet = new WeakSet();
let obj = {};

weakSet.add(obj);
console.log(weakSet.has(obj)); // true
weakSet.delete(obj);

使用场景:

  • 标记对象(如已处理过的对象)
  • 存储临时对象集合
  • 需要自动清理的场景
相关推荐
weixin_3823952342 分钟前
为小工厂量身打造:本地部署的物料管理系统带缺料计算
前端·制造
__zRainy__1 小时前
解决pnpm v10+不自动构建
前端·pnpm·工程化
猫猫不是喵喵.1 小时前
Vue3 Props 属性
前端·javascript·vue.js
醉城夜风~2 小时前
CSS元素显示模式(display)
前端·css
AI大模型-小华3 小时前
Codex 三方充值快速入门指南
java·前端·数据库·chatgpt·ai编程·codex·chatgpt pro
做前端的娜娜子5 小时前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅6 小时前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni6 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学7 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端