跳出固有思维的框架，探索 ES6 数据结构的奥妙

ES6 带来了一系列激动人心的数据结构，让我们跳出固有的思维框架，踏入一个崭新的数据世界。Map、Set、WeakMap 和 WeakSet 这些数据结构，如同四颗闪耀的明星，以独有的功能和特性，为 JavaScript 应用增添了无限可能。

Map：有序键值对的乐园

Map 数据结构就像一个神奇的字典，它以键值对的形式存储数据。与传统的对象不同，Map 中的键可以是任何数据类型，而不仅仅是字符串。这赋予了 Map 更大的灵活性和适用性。

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

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

// 检索值
console.log(myMap.get('name')); // 'John Doe'
console.log(myMap.get(25)); // 'age'

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

Map 还提供了许多有用的方法，如 has()、delete() 和 clear(), 可以让你轻松操纵数据，享受更流畅的数据管理体验。

Set：独一无二元素的集合

Set 数据结构如同一个优雅的集合，它只存储唯一的元素，不允许重复。这使得 Set 非常适合存储一组不重复的数据。

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

// 添加元素
mySet.add('apple');
mySet.add('banana');
mySet.add('cherry');

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

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

Set 同样提供了多种方法，如 delete() 和 clear()，让你可以轻松管理和操作集合中的元素。

WeakMap：随影而行的键值对

WeakMap 是一种特殊的 Map，它持有对对象的弱引用。这意味着当对象不再被其他变量引用时，WeakMap 中的键值对也会被自动删除。这使得 WeakMap 非常适合存储与对象相关的数据，而不会造成内存泄漏。

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

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

// 检索值
console.log(myWeakMap.get(obj)); // 'some data'

// 当 obj 不再被其他变量引用时，WeakMap 中的键值对也会被自动删除

WeakSet：独一无二对象的集合

WeakSet 是一种特殊的 Set，它也持有对对象的弱引用。这意味着当对象不再被其他变量引用时，WeakSet 中的对象也会被自动删除。这使得 WeakSet 非常适合存储一组不重复的对象，而不会造成内存泄漏。

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

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

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

// 当 obj1 不再被其他变量引用时，WeakSet 中的对象也会被自动删除

总结：ES6 数据结构的魅力

ES6 带来的数据结构 Map、Set、WeakMap 和 WeakSet，如同四颗璀璨的明珠，为 JavaScript 应用增添了无限可能。它们的功能和特性独一无二，颠覆了传统数据结构的固有思维框架。无论你是构建复杂的数据结构，还是处理动态的数据集合，这些数据结构都能为你提供强有力的支持。跳出固有思维的框架，拥抱 ES6 数据结构的奥妙，你将发现数据世界的新天地！