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 中,MapSet 是可迭代的,可以通过 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);
});

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

如果你尝试在 WeakMapWeakSet 上使用 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);
});

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

你可能感兴趣的:(javascript,前端,开发语言)