Javascript》》JS》》ES6》 Map、Set、WeakSet、WeakMap

Map(映射)

特点: 是键值对的集合,但键可以是任意类型(对象、函数、原始值),而不仅仅是字符串。

javascript 复制代码
// 使用对象作为键
const objKey = { id: 1 };
const myMap = new Map();

// 设置键值对
myMap.set(objKey, 'Value associated with objKey');
myMap.set('name', 'Alice');

// 获取值
console.log(myMap.get(objKey)); // 'Value associated with objKey'
console.log(myMap.get('name')); // 'Alice'

// 可迭代
for (let [key, value] of myMap) {
  console.log(key, value);
}
// 输出: { id: 1 } 'Value associated with objKey'
// 输出: name Alice

console.log(myMap.size); // 2

Set (集合)

特点: 是的集合,且值都是唯一的(没有重复项)。它更像是数学上的集合。

javascript 复制代码
const mySet = new Set();

// 添加值
mySet.add(1);
mySet.add(2);
mySet.add(2); // 重复添加,会被忽略
mySet.add('hello');

console.log(mySet); // Set(3) { 1, 2, 'hello' }

// 检查是否存在
console.log(mySet.has(2)); // true

// 可迭代
mySet.forEach(value => {
  console.log(value);
});

// 数组去重
const numbers = [1, 2, 3, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)]; // [1, 2, 3, 4, 5]

console.log(mySet.size); // 3

WeakMap (弱映射)


常用场景:存储对象的私有数据或元数据:将数据与对象关联,且当对象被销毁时,希望关联的数据也能自动被清除,避免内存泄漏。

let obj1 = { id: 1 };

let obj2 = { id: 2 };

const myWeakMap = new WeakMap();

// 设置键值对

myWeakMap.set(obj1, 'Private data for obj1');

myWeakMap.set(obj2, 'This will be cleared');

console.log(myWeakMap.get(obj1)); // 'Private data for obj1'

// 删除对 obj2 的强引用

obj2 = null;

// 在未来的某个时刻,垃圾回收器会自动将 obj2 从内存中清除,

// 同时它在 myWeakMap 中的条目也会被自动移除。

// 我们无法手动检查或观察到这一瞬间,但可以确信它会发生。

WeakSet (弱集合)

**常用场景:**标记对象:例如跟踪一个对象是否已经被处理过,而不用担心内存管理问题。

javascript 复制代码
let objA = { name: 'A' };
let objB = { name: 'B' };

const checkedSet = new WeakSet();

// 标记对象
checkedSet.add(objA);
checkedSet.add(objB);

// 检查对象是否被标记过
console.log(checkedSet.has(objA)); // true

// 当 objA 在其他地方不再被引用并被回收后,它在 checkedSet 中的存在也会自动消失。
objA = null;
console.log(checkedSet.has(objA)); // false
相关推荐
OpsEye4 小时前
为什么你的 Agent 莫名烧钱?聊聊循环调用的兜底方案
javascript·ai编程
Ivanqhz4 小时前
Ping-Pong 双缓冲
开发语言·人工智能·python·深度学习·mlir
m0_734571764 小时前
深入理解C++ RAII
开发语言·c++
泡海椒4 小时前
jquick-pdf 表格实战:动态数据 PDF 报表生成
java·开发语言·pdf
aramae4 小时前
模拟实现memset()(C语言)
c语言·开发语言·后端
linux_cfan4 小时前
16 · `custom-media-element`:属性拦截与转发
前端·javascript·音视频
右耳朵猫AI4 小时前
Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速
前端·javascript·react.js·typescript·node.js
落魄大学生之流水线上谋生计4 小时前
GreenLife Carbon · OpenHarmony 智慧低碳生态平台
javascript
wuyk5555 小时前
【Socket 进阶之路】第 7 章 IO 多路复用 select & poll 完整实战|多 fd 监听、超时等待、优缺点横向对比
服务器·开发语言·网络·数据库·物联网
船厂电气自动化ai大模型5 小时前
AI大模型与数学|第81天 课程:正交向量、正交基、格拉姆‑施密特(Gram‑Schmidt)正交化
开发语言·数据结构·人工智能·线性代数·机器学习