JavaScript的Map、Set、WeakMap 、WeakSet

本文主要是介绍JavaScript的Map、Set、WeakMap 、WeakSet，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

JavaScript 中的 Map、Set、WeakMap、和 WeakSet 是 ES6 引入的四种新的数据结构，它们分别用于处理键值对、唯一值的集合，以及弱引用。下面简要介绍一下它们的特点和用法：

1. Map（映射）

• 特点：

  • 保存键值对，并且键可以是任意数据类型。
  • 键是唯一的，值可以重复。

• 使用场景：

  • 在需要以键值对形式存储数据的情况下，特别是在需要使用非字符串键的情况。

let myMap = new Map();myMap.set('key1', 'value1');
myMap.set(42, 'value2');
myMap.set({ name: 'John' }, 'value3');console.log(myMap.get('key1'));  // 输出: value1
console.log(myMap.get(42));      // 输出: value2
console.log(myMap.size);         // 输出: 3

2. Set（集合）

• 特点：

  • 保存唯一值，不允许重复。
  • 元素的顺序由插入顺序决定。

• 使用场景：

  • 在需要保存唯一值的情况下，不考虑键值对关系。

let mySet = new Set();mySet.add('value1');
mySet.add(42);
mySet.add('value1');  // 这个值已经存在，不会重复添加console.log(mySet.has('value1'));  // 输出: true
console.log(mySet.size);            // 输出: 2

3. WeakMap（弱映射）

• 特点：

  • 键必须是对象。
  • 不会阻止键对象被垃圾回收，即键对象被销毁后，与之相关的值也会被自动清除。

• 使用场景：

  • 在需要使用对象作为键且不想阻止垃圾回收的情况下。

let myWeakMap = new WeakMap();
let keyObject = {};myWeakMap.set(keyObject, 'value1');console.log(myWeakMap.get(keyObject));  // 输出: value1

4. WeakSet（弱集合）

• 特点：

  • 存储的值必须是对象。
  • 不会阻止值对象被垃圾回收。

• 使用场景：

  • 在需要使用对象作为值且不想阻止垃圾回收的情况下。

let myWeakSet = new WeakSet();
let valueObject = {};myWeakSet.add(valueObject);console.log(myWeakSet.has(valueObject));  // 输出: true

总体而言，Map 和 Set 是常规的集合数据结构，而 WeakMap 和 WeakSet 适用于需要弱引用的场景。由于弱引用的特性，WeakMap 和 WeakSet 通常用于存储私有数据或者缓存。需要注意的是，由于弱引用的特性，WeakMap 和 WeakSet 的键或值不能是原始值（例如字符串、数字等）。

进阶：

当说到一个数据结构不支持迭代，意味着你不能直接使用常见的迭代方法（比如 for...of 循环或 forEach 方法）遍历该数据结构中的元素。

在 JavaScript 中，Map 和 Set 是可迭代的，可以通过 for...of 循环或其他迭代方法来访问它们的元素。例如：

// 使用 for...of 遍历 Map
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');for (const [key, value] of myMap) {console.log(key, value);
}// 使用 forEach 遍历 Set
const mySet = new Set([1, 2, 3]);mySet.forEach(value => {console.log(value);
});

但是，WeakMap 和 WeakSet 不支持直接迭代。这是因为在使用弱引用的情况下，不希望对垃圾回收造成干扰，直接迭代可能导致暴露内部结构或引用，从而妨碍垃圾回收机制的工作。因此，这两者没有提供直接的迭代方法，如 forEach，也不能使用 for...of 遍历。

如果你尝试在 WeakMap 或 WeakSet 上使用 for...of 循环或 forEach 方法，会发现它们不会产生任何输出，因为这些操作是不支持的：

const myWeakMap = new WeakMap();
myWeakMap.set({}, 'value1');// 以下操作没有输出
for (const [key, value] of myWeakMap) {console.log(key, value);
}myWeakMap.forEach((value, key) => {console.log(key, value);
});

总体而言，WeakMap 和 WeakSet 的设计目的是为了处理弱引用，而不是提供直接的迭代方法。在使用它们时，通常是通过其他手段来管理和访问数据。

这篇关于JavaScript的Map、Set、WeakMap 、WeakSet的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---