ES6 的 Set 和 WeakSet 在数据存储中的应用

介绍

在 JavaScript 中，Set 和 WeakSet 是两种数据结构，它们可以用来存储一组唯一的值。Set 可以存储任何类型的值，而 WeakSet 只能存储对象类型的值。本文将介绍 Set 和 WeakSet 的基本用法，并探讨它们在实际开发中的应用。

Set 的基本用法

创建 Set

可以通过以下两种方式来创建 Set：

// 创建一个空的 Set
const set1 = new Set();

// 创建一个包含多个元素的 Set
const set2 = new Set([1, 2, 3]);

添加元素

可以通过 add 方法来向 Set 中添加元素：

const set = new Set();
set.add(1);
set.add(2);
set.add(3);

删除元素

可以通过 delete 方法来删除 Set 中的元素：

const set = new Set([1, 2, 3]);
set.delete(2);

遍历元素

可以通过 for...of 循环来遍历 Set 中的元素：

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

WeakSet 的基本用法

创建 WeakSet

可以通过以下方式来创建 WeakSet：

const weakSet = new WeakSet();

添加元素

可以通过 add 方法来向 WeakSet 中添加元素：

const weakSet = new WeakSet();
const obj = {};
weakSet.add(obj);

删除元素

可以通过 delete 方法来删除 WeakSet 中的元素：

const weakSet = new WeakSet();
const obj = {};
weakSet.add(obj);
weakSet.delete(obj);

Set 和 WeakSet 的应用

Set 的应用

数组去重

可以使用 Set 来对数组进行去重：

const arr = [1, 2, 3, 2, 1];
const set = new Set(arr);
const uniqueArr = Array.from(set);
console.log(uniqueArr); // [1, 2, 3]

判断元素是否存在

可以使用 Set 来判断一个元素是否存在于一个集合中：

const set = new Set([1, 2, 3]);
console.log(set.has(2)); // true
console.log(set.has(4)); // false

WeakSet 的应用

存储对象

由于 WeakSet 只能存储对象类型的值，并且不会阻止被垃圾回收的对象被回收，因此可以用它来存储一些临时对象，避免内存泄漏：

const weakSet = new WeakSet();
function createObj() {
  const obj = {};
  weakSet.add(obj);
  return obj;
}

总结

Set 和 WeakSet 都是用来存储一组唯一的值的数据结构。Set 可以存储任何类型的值，而 WeakSet 只能存储对象类型的值，并且不会阻止被垃圾回收的对象被回收。在实际开发中，我们可以使用 Set 来对数组进行去重、判断元素是否存在等操作，使用 WeakSet 来存储一些临时对象，避免内存泄漏的问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c07d05add4f0e0ffa6b583