ES6 Set与Map数据结构深度解析

"ES6学习笔记之Set和Map数据结构详解" 在JavaScript的ES6标准中，Set和Map是两种全新的数据结构，它们为开发者提供了更高效的数据管理方式，特别是处理唯一值和键值对的场景。 一、Set数据结构 1. 定义：Set是一个特殊的数组，它不允许有重复的值。它通过`new Set()`来创建，可以接受一个数组（或类似数组的对象）作为参数进行初始化。 ```javascript var set = new Set(); // 创建空Set var set = new Set([1, 2, 3, 4, 4]); // 从数组创建Set，自动去除重复值 ``` 2. 常用方法： - `add(value)`：向Set添加一个值，如果该值已存在，则忽略。 - `has(value)`：检查Set中是否存在指定值，返回布尔值。 - `delete(value)`：从Set中删除指定值。 - `clear()`：清空Set的所有元素。 - `size`：返回Set中元素的数量。 例如： ```javascript var set = new Set(); set.add(window); set.has(window); // true set.size; // 1 set.add(window); set.add(1); set.size; // 2 set.delete(window); set.has(window); // false set.clear(); set.size; // 0 ``` 3. 特殊性： - 类型转换：Set在比较值时不会进行类型转换，所以5和"5"被认为是两个不同的值。 - NaN：Set中，NaN被视为唯一的值，无法添加重复的NaN。 - 零的表示：Set可以同时包含"-"前缀的零和无前缀的零，因为它们是两个不同的值。 - 对象：Set中的对象是基于引用比较的，因此两个不同的对象被视为不同的值，即使它们的属性完全相同。 二、Map数据结构 1. 定义：Map是一种键值对的集合，键可以是任何类型，而不仅仅是字符串。通过`new Map()`创建。 2. 初始化：与Set不同，Map初始化时通常不接受数组，但可以通过Map的`set`方法逐个添加键值对。 ```javascript var map = new Map(); // 创建空Map map.set('key1', 'value1'); map.set({key2: 'value2'}); // 键可以是任何类型 ``` 3. 常用方法： - `set(key, value)`：设置键值对。 - `get(key)`：获取指定键的值。 - `has(key)`：检查Map中是否存在指定键，返回布尔值。 - `delete(key)`：删除指定键的键值对。 - `clear()`：清空Map的所有键值对。 - `size`：返回Map中键值对的数量。 - `forEach(callbackFn)`：遍历Map的每个键值对。 例如： ```javascript var map = new Map(); map.set('name', 'John'); map.get('name'); // 'John' map.has('name'); // true map.delete('name'); map.size; // 0 ``` 4. 特殊性： - 键值对：Map中的键可以是任意类型，而不仅仅是字符串，这比Object更有灵活性。 - 深度遍历：Map可以嵌套其他Map或Set，进行深度遍历。 Set和Map的引入解决了JavaScript中处理唯一值和复杂键值对的问题，它们在处理数据时提供了更多的灵活性和效率。在实际开发中，它们常用于去重、存储键值对、以及构建复杂的数据结构。