ES6 中 Set 和 Map 的区别详解
在 ES6 中，Set 和 Map 是两种新的数据结构，它们分别用于存储唯一值的集合和键值对的集合。尽管它们在某些方面具有相似的功能，但它们的设计目的和使用场景有所不同。本文将详细分析 Set 和 Map 的区别，并通过示例代码片段帮助读者理解它们的特性和用法。
1. Set 和 Map 的基本概念
1.1 Set
Set 是一种集合，它存储一组唯一的值，不允许重复。Set 中的值是无序的，没有索引，它提供了一组操作方法用于添加、删除和检查值的存在。
1.2 Map
Map 是一种键值对的集合，它将键映射到值，每个键对应一个值，键是唯一的。Map 中的键可以是任意类型的值，包括对象、函数和基本数据类型。
2. Set 和 Map 的区别
2.1 数据存储方式
- Set 存储的是一组唯一的值，值之间没有重复；
- Map 存储的是键值对的集合，每个键对应一个值，键是唯一的。
2.2 使用场景
- Set 适用于存储一组唯一的值，并且不关心值的顺序；
- Map 适用于存储键值对的集合，可以根据键快速查找对应的值。
2.3 遍历方式
- Set 可以使用
forEach方法进行遍历，也可以通过for...of循环遍历； - Map 可以使用
forEach方法或for...of循环遍历键值对，也可以通过keys()、values()和entries()方法遍历键、值和键值对。
2.4 其他差异
- Set 没有提供直接修改值的方法，只能通过删除和重新添加来实现值的更新；
- Map 提供了直接修改值的方法，可以通过键来修改对应的值。
3. 示例代码片段
3.1 Set 示例
// 创建一个 Set
const set = new Set();
// 添加值
set.add(1);
set.add(2);
set.add(3);
set.add(1); // 重复值不会被添加
// 删除值
set.delete(2);
// 检查值是否存在
console.log(set.has(1)); // 输出：true
console.log(set.has(2)); // 输出：false
// 遍历值
set.forEach(value => console.log(value)); // 输出：1 3
3.2 Map 示例
// 创建一个 Map
const map = new Map();
// 添加键值对
map.set('name', 'Alice');
map.set('age', 30);
// 获取值
console.log(map.get('name')); // 输出：Alice
console.log(map.get('age')); // 输出：30
// 修改值
map.set('age', 31);
// 删除键值对
map.delete('age');
// 遍历键值对
map.forEach((value, key) => console.log(`${
key}: ${
value}`)); // 输出：name: Alice
4. 总结
Set 和 Map 是 ES6 中新增的两种数据结构，它们分别用于存储唯一值的集合和键值对的集合。它们的设计目的和使用场景有所不同，Set 适用于存储一组唯一的值，而 Map 适用于存储键值对的集合。此外，它们在遍历方式和数据修改方式上也有所区别。通过本文的详细分析和示例代码片段，读者可以更好地理解和应用 Set 和 Map，提高代码的效率和质量。
