ES6新特性解析：Set、Map、Symbol 和 WeakSet

2023-07-21 15:33:41

ES6数据结构与特性：增强JavaScript开发的强力工具

引言

ES6（ECMAScript 2015）带来了 JavaScript 的革命性更新，为开发者提供了丰富的特性和强大的数据结构，以构建更健壮、更灵活的应用程序。在这篇文章中，我们将深入探讨 ES6 引入的四个关键数据结构和特性：Set、Map、Symbol 和 WeakSet。

Set：告别重复项

Set 是一种数据结构，用于存储唯一值。与数组不同，Set 不允许重复项。这意味着您可以轻松地从数据集移除重复值，或者检查某个值是否存在于 Set 中。

用法：

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

// 添加值
mySet.add('a');
mySet.add('b');
mySet.add('c');

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

// 删除值
mySet.delete('b');

// 遍历
for (const value of mySet) {
  console.log(value);
}

Map：键值对的宝库

Map 是一种数据结构，用于存储键值对。它类似于对象，但键可以是任何数据类型，而不仅仅是字符串。这意味着您可以使用 Map 存储更复杂的数据结构，例如数组或对象。

用法：

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

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

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

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

// 删除键值对
myMap.delete('age');

// 遍历
for (const [key, value] of myMap) {
  console.log(key, value);
}

Symbol：无与伦比的标识符

Symbol 是一种原始数据类型，可创建唯一标识符。Symbol 值是不可变的，并且不能被重新分配。这意味着您可以使用 Symbol 值来创建安全可靠的标识符，避免与其他变量或属性冲突。

用法：

// 创建 Symbol
const mySymbol = Symbol('uniqueID');

// 检查唯一性
console.log(mySymbol === Symbol('uniqueID')); // false

// 使用 Symbol 作为对象属性键
const myObject = {};
myObject[mySymbol] = 'secretValue';

// 获取值
console.log(myObject[mySymbol]); // 'secretValue'

WeakSet：巧妙的引用

WeakSet 是一个数据结构，用于存储弱引用。弱引用不会阻止垃圾回收器回收对象。这意味着您可以使用 WeakSet 存储对象，同时不会阻止这些对象被垃圾回收。

用法：

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

// 添加对象
myWeakSet.add(document.body);

// 检查是否存在
console.log(myWeakSet.has(document.body)); // true

// 删除对象
myWeakSet.delete(document.body);

// 遍历（不可行，因为对象已被回收）
// for (const object of myWeakSet) {
//   console.log(object); // 错误：对象已被回收
// }