site logo

Marico' space

Set、Map、WeakMap、WeakSet 的区别和应用场景

前端技术 2024-07-16 07:49:29 260

Set、Map、WeakMap、WeakSet 都是 ES6 中引入的新数据结构,它们各有特点和应用场景,它们之间的区别和场景如下

一、Set

类似于数组,但成员的值都是唯一的,没有重复的值,主要用途是去重

Set提供以下几种API

  • add(value): 添加某个值,返回Set结果本身
  • delete(value): 删除某个值,返回一个布尔值,表示删除是否成功
  • has(value): 返回一个布尔值,表示参数是否为Set成员
  • clear(value): 清除集合中所有元素,没有返回值

Set包含以下4种遍历方法

  • keys(): 返回键名的遍历器
  • values(): 返回键值的遍历器
  • entries(): 返回键值对的遍历器
  • forEach(): 使用回调函数遍历每个成员

keys方法、values方法、entries方法返回的都是遍历器对象,entries返回的是键值对形式

注:add 不会添加重复的值,Set内部会有个类似强等于===比较,相同值就不会再加入进去。

const set = new Set([1, 2, 3, 1, 1, 2, 23, 3]);
console.log(set);

二、Map

类似于对象,但是键可以是任意类型的,不仅仅是字符串类型,也不限于引用类型。键值对的集合,提供“值-值”的对应,主要用途是存储键值对

Map常用属性及API:

  • size: 属性,获取字典成员个数
  • set(key, value):方法,向字典中添加键值对
  • get(key):方法,返回通过键名查找到的值
  • has(key):方法,判断字典中是否存在键key
  • delete(key):方法,通过键 key 从字典中移除对应的数据
  • clear():方法,将这个字典中的所有元素删除

Map遍历方法

  • Keys():将字典中包含的所有键名以迭代器形式返回(返回的不是数组)
  • values():将字典中包含的所有数值以迭代器形式返回(返回的不是数组)
  • entries():返回所有成员的迭代器(返回的不是数组)
  • forEach():遍历字典的所有成员

const map = new Map();
map.set("name", "cheng");
map.set("age", "12");
console.log(map.size);
console.log(map.get("name"));
console.log(map.has("name"));
console.log(map.has("12"));
// map.delete("name");
console.log(map);
// 两种遍历方式,也可以对key或者values遍历,map.keys,map.values.
map.forEach((item, value) => {
  console.log(item, value);
});
for (let [item, value] of map) {
  console.log(item, value);
}
// 清空Map集合
map.clear();
console.log(map);

三、WeakMap

类似于 Map,但是键只能是对象类型,且键名所指向的对象是弱引用,这意味着如果这个对象在其他地方没有被引用,那么它将会被垃圾回收,这也是 WeakMap 的主要应用场景SPS:WeakMap 弱引用的只是键名,而不是键值。键值依然是正常引用

WeakMap提供的API方法

  • has(key):判断是否有 key 关联对象
  • get(key):返回key关联对象(没有则则返回 undefined)
  • set(key):设置一组key关联对象
  • delete(key):移除 key 的关联对象

const map = new WeakMap([[[], 3]]) // 和map一样可通过传入二维数组创建成员
console.log( mapwm ) // WeakMap {} 因为[]没有被其它变量引用,所以被回收
const arr = []
const map = new WeakMap([[arr, 3]])
console.log( map ) // WeakMap {Array(0) => 3}
const map = new WeakMap([['a', 3]]) // Uncaught TypeError: Invalid value used as weak map key

四、WeakSet

  • 类似于 Set,但成员只能是对象类型,且成员对象是弱引用,这意味着如果这个对象在其他地方没有被引用,那么它将会被垃圾回收,这也是 WeakSet 的主要应用场景

注:WeakSet提供了三种API,用法同Set一样:add()、has()、delete()

const set = new WeakSet()
var item = function(){}
s.add(item)
console.log(set) // WeakSet {ƒ}
item = {} // 此时之前的函数已无其他变量引用,就被回收,s中已不存在上面添加的函数啦。
s.add(item) 
console.log(set) // WeakSet {{…}}
set.add(3) // Uncaught TypeError: Invalid value used in weak set
var nv = new Number(3)
sets.add(nv)
console.log(set) // WeakSet {{…},Number}

  • WeakSet对集合中的元素类型有限制,只能是对象类型,但这个对象不能狭隘的理解成只是Object类型,总结成就是只能是引用数据类型,不能是基本数据类型。

  • WeakSet 是弱引用,Set可看做强引用,即取消外部对 WeakSet中的对象引用,那么垃圾回收机制会自动回收该对象所占用的空间,故此时WeakSet中会删掉该对象。但在Set中取消外部引用对其没影响,只要Set实例存在引用,垃圾回收机制就不能释放该对象的内存空间,所以Set类型可以看作是一个强引用。

  • WeakSet 不可遍历,没有size属性,这点是能够理解的,因为里面元素个数取决于垃圾回收机制有没有触发,运行前后可能元素个数有改变,所以禁止遍历

In General

WeakMap 和 WeakSet 的键是弱引用,这意味着垃圾回收机制可以自动回收不再被引用的键所对应的对象,而不用手动删除键或者值。同时,由于 WeakMap 和 WeakSet 中的键是弱引用,因此它们无法遍历全部内容,因为垃圾回收机制会不定期清除无用的键值对,因此不能保证所有键值对都在集合中一直存在

原文链接:https://blog.csdn.net/weixin_45522694/article/details/136254816