ES6新增Set、Map两种数据结构、WeakMap、WeakSet举例说明详细。(含DeepSeek讲解)
ES6 中 Set、Map、WeakMap 和 WeakSet 数据结构详解及使用示例表达
一、Set 数据结构
Set
是一种集合数据结构,用于存储任意类型的唯一值。它不允许重复的值存在。
-
声明方式:
使用new Set()
创建新的实例。const mySet = new Set();
-
主要方法:
.add(value)
:向集合中添加一个新值。mySet.add(1); mySet.add("string");
.delete(value)
:删除指定的值。mySet.delete(1);
.has(value)
:判断集合中是否存在某个值。console.log(mySet.has("string")); // true
.clear()
:清空整个集合中的所有值。mySet.clear();
.size
:返回集合中元素的数量。console.log(mySet.size); // 当前集合大小
-
使用场景:
- 数组去重是一个常见的应用场景。
const array = [1, 2, 2, 3, 4]; const uniqueArray = [...new Set(array)]; console.log(uniqueArray); // [1, 2, 3, 4]
- 数组去重是一个常见的应用场景。
二、Map 数据结构
Map
是一种键值对的数据结构,支持任何类型的键(不仅仅是字符串),提供更高的灵活性和性能。
-
声明方式:
使用new Map()
或传递初始键值对数组创建实例。const myMap = new Map(); const mapWithInitialValues = new Map([[obj1, "aaa"], [obj2, "bbb"], [2, "ddd"]]);
-
主要方法:
.set(key, value)
:设置键值对。myMap.set("name", "Alice").set("age", 25);
.get(key)
:通过键获取对应的值。console.log(myMap.get("name")); // Alice
.delete(key)
:删除指定键及其关联的值。myMap.delete("age");
.has(key)
:检查是否包含特定键。console.log(myMap.has("name")); // true
.clear()
:清除所有的键值对。myMap.clear();
.size
:返回键值对的数量。console.log(myMap.size); // 键值对数量
-
特殊能力:
- 支持对象或数组作为键。
const objKey = { id: 1 }; const map = new Map(); map.set(objKey, "Object Key"); console.log(map.get(objKey)); // 'Object Key'
- 支持对象或数组作为键。
-
使用场景:
- 动态缓存某些复杂键值对的关系时,
Map
更加适合。
- 动态缓存某些复杂键值对的关系时,
三、WeakMap 数据结构
WeakMap
是一种特殊的映射表,其键必须是对象,且这些对象不会阻止垃圾回收的发生。
-
声明方式:
使用new WeakMap()
创建实例。const weakMap = new WeakMap();
-
主要方法:
.set(key, value)
:设置键值对。const objKey = {}; weakMap.set(objKey, "value");
.get(key)
:通过键获取对应的值。console.log(weakMap.get(objKey)); // value
.delete(key)
:删除指定键及其关联的值。weakMap.delete(objKey);
.has(key)
:检查是否包含特定键。console.log(weakMap.has(objKey)); // false
-
特点:
- 不允许迭代,也不暴露
.keys()
、.values()
方法。 - 键只能是对象,无法使用原始类型作为键。
- 不允许迭代,也不暴露
-
使用场景:
- 绑定私有属性到对象而不影响全局作用域。
const privateData = new WeakMap(); function MyClass(data) {privateData.set(this, data); } MyClass.prototype.getData = function() {return privateData.get(this); }; const instance = new MyClass({ secret: "hidden" }); console.log(instance.getData()); // { secret: "hidden" }
- 绑定私有属性到对象而不影响全局作用域。
四、WeakSet 数据结构
WeakSet
类似于 Set
,但它只接受对象作为成员,并且这些对象也不会被强引用保留。
-
声明方式:
使用new WeakSet()
创建实例。const weakSet = new WeakSet();
-
主要方法:
.add(value)
:添加一个对象到集合中。const obj = {}; weakSet.add(obj);
.delete(value)
:从集合中移除指定的对象。weakSet.delete(obj);
.has(value)
:检查集合中是否包含某个对象。console.log(weakSet.has(obj)); // false
-
特点:
- 不允许遍历,也没有
.forEach()
等方法。 - 成员仅限于对象,不支持其他类型。
- 不允许遍历,也没有
-
使用场景:
- 跟踪一组对象的状态,而不需要显式销毁它们。
const trackedObjects = new WeakSet(); function track(object) {trackedObjects.add(object); } function isTracked(object) {return trackedObjects.has(object); } const obj = {}; track(obj); console.log(isTracked(obj)); // true
- 跟踪一组对象的状态,而不需要显式销毁它们。
示例代码总结
以下是综合使用的示例:
// Set 示例
const setExample = new Set([1, 2, 3, 3]);
console.log(setExample); // Set(3) { 1, 2, 3 }// Map 示例
const mapExample = new Map();
mapExample.set({ key: "unique" }, "value");
console.log(mapExample.get({ key: "unique" })); // undefined (因为每次创建的对象不同)const sameObj = { key: "same" };
mapExample.set(sameObj, "sharedValue");
console.log(mapExample.get(sameObj)); // sharedValue// WeakMap 示例
const weakMapExample = new WeakMap();
const objForWeakMap = {};
weakMapExample.set(objForWeakMap, "data");
console.log(weakMapExample.get(objForWeakMap)); // data// WeakSet 示例
const weakSetExample = new WeakSet();
const objForWeakSet = {};
weakSetExample.add(objForWeakSet);
console.log(weakSetExample.has(objForWeakSet)); // true