美文网首页
Map、weakMap、set、weakSet的用法

Map、weakMap、set、weakSet的用法

作者: Amy_yqh | 来源:发表于2020-04-08 10:51 被阅读0次

    一、Map

    一个Map对象就是一个简单的键值对映射集合,可以按照数据插入时的顺序遍历所有的元素。Map的键、值可以为任何值(对象或者原始值)

    注意:Map是强引用类型,数组会一直引用着map的键和值数组,所有无法进行垃圾回收

    1、语法

    new Map([iterable])
    

    iterable可以是一个数组或者任意iterable对象,其元素为键值对(两个元素的数组,例如:[[1,'one'],[2,'two']]).每个键值对都会添加到新的Map。null会被当做undefined。

    2、赋值

    let map = new Map();
    map.set(key,value)
    

    3、获取值

    map.get(key)// 如果没有该key的值返回空
    

    4、判断是否包含键对应的值

    map.has(key)
    

    5、删除指定key

    map.delete(key)
    

    如果map对象存在该元素,删除并返回true,否则不存在返回false。

    6、清除map对象的键值对

    map.clear()
    

    7、获取个数

    map.size
    

    8、获取所有的key

    map.keys()
    

    返回一个新的Iterator对象,它按插入顺序包含了Map对象中每个元素的键。

    9、获取所有的value

    map.values()
    

    返回一个新的Iterator对象,它按插入顺序包含了Map对象中每个元素的值 。

    10、获取map键值对数组

    map.entries()
    

    返回一个新的interator对象,它按插入顺序包含了Map对象中每个元素的[key,value]数组

    11、for...of.循环

    for (var [key, value] of map) {
      console.log(key + ' goes ' + value);
    }
    

    循环遍历获取map中的每个[key,value]

    在 JavaScript 里,map API 可以通过使其四个 API 方法共用两个数组(一个存放键,一个存放值)来实现。给这种 map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候,需要遍历所有的键,然后使用索引从存储值的数组中检索出相应的值。

    但这样的实现会有两个很大的缺点,
    (1)首先赋值和搜索操作都是 O(n) 的时间复杂度( n 是键值对的个数),因为这两个操作都需要遍历全部整个数组来进行匹配。
    (2)另外一个缺点是可能会导致内存泄漏,因为数组会一直引用着每个键和值。这种引用使得垃圾回收算法不能回收处理他们,即使没有其他任何引用存在了。

    二、weakMap

    weakmap对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以为任意值。weakMap对象是弱引用,所以在没有其他地方引用时,可以被垃圾回收机制回收

    1、语法

    new WeakMap([iterable])
    

    Iterable 是一个数组(二元数组)或者其他可迭代的且其元素是键值对的对象。每个键值对会被加到新的 WeakMap 里。null 会被当做 undefined。

    2、赋值

    wm.set(key,value)
    

    3、获取

    wm.get(key)
    

    4、删除

    wm.delete(key)
    

    因为weakMap的键是弱引用,所以无法获取所有的keys,无法进行遍历

    3、Set

    Set允许存储任意类型的唯一元素,无论是原始值还是引用对象。set的值都是唯一的。

    1、语法

    new Set([iterable]);
    

    iterable可迭代对象,且元素唯一。如果元素为空或null,则set对象为为空

    2、添加元素

    set.add(value)
    

    3、判断是否有该元素

    set.has(value)
    

    如果有该值,返回true,没有则返回false

    4、删除元素

    set.delete(value)
    

    5、获取所有的keys

    set.keys()
    

    返回一个Iterator 对象,包含set对象的所有值

    6、获取所有的Values

    set.values()
    

    返回一个Iterator 对象,包含set对象的所有值

    5、forEach遍历

    set.forEach((value)=>{
      console.log(value)
    })
    

    5、for..of 遍历

    for(let value of set){
        console.log(value)
    }
    

    4、weakSet

    weakSet对象是一些对象的集合,且这些对象是唯一的。weakSet集合中对象的引用为弱引用。所以没有其他引用时,可以进行垃圾回收。并且不能进行遍历

    1、语法

    1、语法

     new WeakSet([iterable]);
    

    2、添加

    ws.add(value)
    

    2、是否存在

    ws.has(value)
    

    3、删除

    ws.delete(value)
    

    总结:
    (1)Map、Set 为强引用,键、值为任意类型。不能进行垃圾回收。均可遍历forEach、for...of遍历
    (2)weakMap、weakSet为弱引用,可以进行垃圾回收。weakMap键必须为对象,weakSet值必须为对象。
    (3)Set、weakSet集合的值具有唯一性。

    相关文章

      网友评论

          本文标题:Map、weakMap、set、weakSet的用法

          本文链接:https://www.haomeiwen.com/subject/fgxlsqtx.html