ES6 Set与Map：数据结构详解与面试必备

在前端开发的面试中，ES6引入了两种重要的数据结构——Set和Map，它们是现代JavaScript语言中的关键特性，有助于提高代码的效率和可读性。面试官可能会询问应聘者对于这两种数据结构的理解和使用。 **Set数据结构** Set是ES6中新增的一种集合数据类型，它类似于数组，但成员的值都是唯一的，不允许有重复。Set是基于唯一值的无序容器，它的核心概念是去重。Set的创建通过`new Set()`，例如： ```javascript const s = new Set(); // 创建一个新的空Set s.add(1); // 添加元素，重复添加会被忽略 s.delete(1); // 删除元素并返回布尔值 s.has(1); // 检查元素是否存在，返回布尔值 s.clear(); // 清空Set ``` Set的主要遍历方法包括： - `keys()`: 返回键名的遍历器，但Set并无键值对，所以这里返回的是元素的迭代。 - `values()`: 返回键值的遍历器，同样适用于Set，因为键值是每个唯一值本身。 - `entries()`: 返回键值对的遍历器，对于Set来说，这将始终返回每个元素值与自身值的对应对。 - `forEach()`: 使用回调函数遍历Set中的每个成员，保持插入顺序。 **Map数据结构** Map则是另一种独特的数据结构，它是一个键值对的集合，每个键（key）都映射到一个值（value）。与Set不同，Map的每个键都是唯一的，并且可以是任何类型的值，包括对象引用。创建Map的方式如下： ```javascript const m = new Map(); // 创建一个新的空Map m.set('color', 'red'); // 插入键值对 m.get('color'); // 获取键对应的值 m.delete('color'); // 删除键值对 m.has('color'); // 检查键是否存在 m.clear(); // 清空Map ``` 遍历Map的方法也有所不同： - `keys()`: 返回一个遍历器，迭代Map的所有键。 - `values()`: 返回一个遍历器，迭代Map的所有值。 - `entries()`: 返回一个遍历器，包含Map中所有键值对的 `[key, value]` 对。 - `forEach()`: 和Set类似，用于遍历Map并执行回调函数，但会同时提供键和值。 总结来说，Set和Map都是ES6中为开发者提供的高效数据结构，Set注重去重和值的迭代，而Map强调键值对的关联。在实际项目中，了解和掌握这些数据结构的用法可以帮助提升代码组织和性能优化。面试时，候选人应能熟练地解释它们的特点、操作方法以及适用场景，同时给出示例代码来证明自己的理解和实践能力。