深入理解freeCodeCamp教程中的JavaScript Set与WeakSet-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00190/article/details/148324915

深入理解freeCodeCamp教程中的JavaScript Set与WeakSet

freeCodeCamp freeCodeCamp.org的开源代码库和课程。免费学习编程。项目地址: https://gitcode.com/gh_mirrors/fr/freeCodeCamp

什么是Set和WeakSet？

在JavaScript中，Set是一种内置对象，用于管理数据集合。它允许存储任何类型的唯一值，无论是原始值还是对象引用。Set确保集合中的每个值只出现一次，这使得它在处理需要唯一值的场景中非常有用。

WeakSet则是Set的一种特殊类型，功能较少，仅允许存储弱引用的对象。与Set不同，WeakSet不支持原始值（如数字或字符串）。

Set的基本用法

创建Set

// 创建空Set
const mySet = new Set();

// 初始化时添加值
const fruitSet = new Set(['苹果', '香蕉', '橙子']);

Set的常用方法

添加元素：使用add()方法
```
fruitSet.add('芒果');
```
删除元素：使用delete()方法
```
fruitSet.delete('香蕉');
```

检查存在：使用has()方法

console.log(fruitSet.has('苹果')); // true

获取大小：使用size属性
```
console.log(fruitSet.size); // 3
```
清空Set：使用clear()方法
```
fruitSet.clear();
```

Set的迭代方法

// 使用forEach迭代
fruitSet.forEach(fruit => console.log(fruit));

// 使用for...of循环
for (const fruit of fruitSet) {
  console.log(fruit);
}

WeakSet的特性

创建WeakSet

const weakSet = new WeakSet();

WeakSet的限制

只能存储对象

weakSet.add({name: '对象1'}); // 正确
weakSet.add('字符串'); // 报错

不可迭代

// 以下操作都会报错
weakSet.forEach(item => console.log(item));
for (const item of weakSet) {
  console.log(item);
}

没有size属性

Set与WeakSet的对比

| 特性 | Set | WeakSet | |------|-----|---------| | 存储类型 | 任意类型 | 仅对象 | | 引用类型 | 强引用 | 弱引用 | | 可迭代性 | 支持 | 不支持 | | 可用方法 | 完整的方法集 | 仅add/delete/has | | 内存管理 | 保持引用 | 允许垃圾回收 | | 使用场景 | 通用唯一值集合 | 对象引用跟踪 |

实际应用场景

Set的典型用途

数组去重

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)];

成员关系检查

const allowedUsers = new Set(['user1', 'user2', 'admin']);
if (allowedUsers.has(currentUser)) {
  // 允许访问
}

WeakSet的典型用途

对象标记

const processedObjects = new WeakSet();

function process(obj) {
  if (processedObjects.has(obj)) return;
  // 处理对象...
  processedObjects.add(obj);
}

私有成员模拟

const privateData = new WeakSet();

class MyClass {
  constructor() {
    privateData.add(this);
  }

  method() {
    if (!privateData.has(this)) {
      throw new Error('非法调用');
    }
    // 私有方法实现...
  }
}