解锁现代 JavaScript 中的数据结构之谜：Map 和 Set

前端

2023-12-28 16:53:22

在 JavaScript 的世界中，Map 和 Set 是两大数据结构瑰宝，它们以其强大的功能和无与伦比的便捷性而著称。踏上这段学习探索的旅程，我们将深入解析这些数据结构的内涵，揭开它们在现代 JavaScript 应用中的无限潜力。

Map：有序且可迭代的键值对集合

想象一个场景：你正在处理一个庞大而复杂的对象，其中充斥着各种各样的属性和值。苦于从中提取所需信息？Map 闪亮登场，它是一个有序的键值对集合，让你轻松驾驭海量数据。

Map 的主要优点之一是它的有序性。它以插入顺序存储键值对，使你能够轻松遍历和访问数据。此外，Map 是可迭代的，你可以使用 for...of 循环轻松遍历所有键值对。

Set：无重复元素的集合

如果你需要处理一个无重复元素的集合，Set 就是你的不二之选。Set 本质上是一个集合，它只存储唯一的值，从而消除了重复的麻烦。

Set 的一大优势在于它提供了快速查找和删除操作。由于其内部哈希表实现，Set 可以让你在恒定时间复杂度（O(1)）内执行这些操作。这使得 Set 成为查找和管理唯一元素的理想选择。

示例：JavaScript 中的实际应用

为了生动地展示 Map 和 Set 的实际应用，让我们来看几个示例：

Map 示例：

const userMap = new Map();
userMap.set('John', 'Developer');
userMap.set('Jane', 'Designer');

// 通过键值对遍历 Map
for (const [key, value] of userMap) {
  console.log(`${key}: ${value}`);
}

Set 示例：

const uniqueSet = new Set();
uniqueSet.add('apple');
uniqueSet.add('banana');
uniqueSet.add('orange');

// 通过元素遍历 Set
for (const fruit of uniqueSet) {
  console.log(fruit);
}