Set、Map、WeakSet和WeakMap详细介绍：重新认识ES6数据结构

2023-12-01 00:38:23

ES6数据结构的王者风范：Set、Map、WeakSet和WeakMap

引言

ES6的到来为前端开发人员带来了令人兴奋的新功能，其中尤以Set、Map、WeakSet和WeakMap这四种数据结构最为耀眼。它们凭借着强大的功能和特性，为开发者处理数据提供了更加高效和优雅的方式。本文将带您深入探索这些数据结构的奥秘，揭示它们之间的差异、优缺点，以及使用场景，让您在数据处理的舞台上尽显王者风范。

Set：独一无二的集合

Set是一个无序、不重复的集合，用于存储唯一的元素。与数组不同，Set自动排除重复项，为您带来独一无二的集合体验。由于其快速查找和插入删除等特性，Set在处理无重复元素的场景中大显身手，例如去重操作或检查元素是否存在。

// 创建一个Set
const mySet = new Set();

// 添加元素
mySet.add(1);
mySet.add('hello');
mySet.add(true);

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

// 删除元素
mySet.delete(1);

Map：键值对的完美舞伴

Map是一种键值对集合，它可以存储任意类型的键值。与对象相比，Map允许您使用任意值作为键，包括对象、数组和函数。同时，它提供O(1)的快速查找，让您轻松获取对应键的值，避免了对象的繁琐查找。

// 创建一个Map
const myMap = new Map();

// 添加键值对
myMap.set('name', 'John');
myMap.set(1, true);

// 获取值
console.log(myMap.get('name')); // John

// 检查键是否存在
console.log(myMap.has(1)); // true

WeakSet：轻盈的集合

WeakSet与Set类似，但它只存储对对象的弱引用，不会阻止这些对象被垃圾回收。这意味着当对象不再被其他地方引用时，WeakSet会自动将其删除。这种机制对于处理临时数据或防止内存泄漏非常有用。

// 创建一个WeakSet
const myWeakSet = new WeakSet();

// 添加对象
const obj = {};
myWeakSet.add(obj);

// 检查对象是否存在
console.log(myWeakSet.has(obj)); // true

// 对象被垃圾回收后，WeakSet自动将其删除
obj = null;
console.log(myWeakSet.has(obj)); // false

WeakMap：轻盈的键值对

WeakMap是一种轻量级的键值对集合，与WeakSet类似，它只存储对对象的弱引用。这使其在处理临时数据或防止内存泄漏方面表现出色。此外，它仍保留了Map的快速查找特性，让您轻松获取弱引用的值。

// 创建一个WeakMap
const myWeakMap = new WeakMap();

// 添加键值对
const obj = {};
myWeakMap.set(obj, 'hello');

// 获取值
console.log(myWeakMap.get(obj)); // hello

// 对象被垃圾回收后，WeakMap自动将其删除
obj = null;
console.log(myWeakMap.has(obj)); // false