了解 ES6 的 Map 和 Set 数据结构

在 JavaScript 的最新版本 ES6 中引入了 Map 和 Set 这两种新的数据结构。这两种结构提供了比传统的 JavaScript 对象（Object）和数组更加强大的功能，尤其适用于处理需要高效存储、查找以及管理键值对或集合场景的应用。接下来，我们将深入探讨 Map 和 Set 的特点、用法，并通过示例代码来展示它们的实际应用。

Map 数据结构

定义与特性

Map 是一个可以存储任意类型键值对的数据结构，它允许使用任何类型的键（包括字符串、数字、对象等），这使得 Map 在处理复杂数据关联时非常灵活。相比于传统的 JavaScript 对象，Map 提供了更强大的迭代、遍历和操作能力。

使用示例

// 创建一个新的 Map 实例
const myMap = new Map();

// 添加键值对
myMap.set('apple', 'fruit');
myMap.set(1, 'number');

// 获取值
console.log(myMap.get('apple')); // 输出: fruit
console.log(myMap.get(1)); // 输出: number

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

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

方法

• .set(key, value)：用于添加或更新键值对。
• .get(key)：根据键获取对应的值。
• .has(key)：检查 Map 中是否存在指定键。
• .delete(key)：删除指定键及其对应的值。
• .clear()：清空整个 Map。
• .keys()：返回一个迭代器，用于遍历所有键。
• .values()：返回一个迭代器，用于遍历所有值。
• .entries()：返回一个迭代器，用于同时遍历键和值。

Set 数据结构

定义与特性

Set 是一种存储唯一元素的集合，它不支持重复的值。Set 对象中的元素是唯一的，可以通过添加、删除或检查元素的存在性进行操作。Set 与 Map 类似，提供了迭代器，但主要用于集合操作，而不包含键值对的关联。

使用示例

// 创建一个新的 Set 实例
const mySet = new Set(['apple', 'banana', 'cherry']);

// 添加元素
mySet.add('date');

// 检查元素存在性
console.log(mySet.has('banana')); // 输出: true
console.log(mySet.has('orange')); // 输出: false

// 删除元素
mySet.delete('banana');

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

// 清空 Set
mySet.clear();

方法

• .add(element)：向 Set 添加元素。
• .delete(element)：从 Set 中删除指定元素。
• .has(element)：检查 Set 是否包含指定元素。
• .clear()：清除 Set 中的所有元素。
• .size：获取 Set 中元素的数量。
• .entries()：返回一个迭代器，用于同时遍历元素和它们的索引（对于 Set 来说，索引通常不是必需的，但可以用于某些特定需求）。

通过以上介绍和示例，我们可以看到 Map 和 Set 提供了更高效、灵活的方式来处理键值对和集合数据。在实际开发中，合理选择和使用这些数据结构可以显著提高代码的可读性和性能。