• js 中的 map集合使用。


    1. Map 描述

    • Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值。
    • 一个 Map 对象在迭代时会根据对象中元素的插入顺序来进行一个 for…of 循环在每次迭代后会返回一个形式为 [key,value] 的数组。

    2. 基本方法

    方法 / 属性说明
    new Map()创建新的 Map 对象。
    map.set ( key, value )为 Map 对象中的键设置值。
    map.get ( key )获取 Map 对象中键的值。
    map.keys()返回 Map 对象中键的数组。
    map.values()返回 Map 对象中值的数组。
    map.has()返回 Map 对象中是否存在某键。
    map.delete()删除某键
    map.clear()删除 Map 中的所有键。
    map.values()返回 Map 对象中值的数组。
    entries()返回一个新的包含 [key, value] 对的 Iterator 对象,返回的迭代器的迭代顺序与 Map 对象的插入顺序相同。
    size返回成员数量。

    3. 实例

    // 1. 创建Map集合
    let map = new Map() // Map(0) {size: 0}
    
    // 2. 设置键值
    map.set('apple',11) // Map(1) {'apple' => 11}
    map.set('pear',22) // Map(2) {'apple' => 11, 'pear' => 22}
    map.set('pear',33) // Map(2) {'apple' => 11, 'pear' => 33}
    
    // 3. 获取键值
    map.get('pear') // 33
    
    // 4. 获取所有的键、值
    map.keys() // MapIterator {'apple', 'pear'}
    map.values() // MapIterator {11, 33}
    
    // 5. 获取长度
    map.size // 2
    
    // 6. 判断键是否存在
    map.has('pear') // true
    map.has('dog') // false
    
    // 7. 删除某键
    map.delete('pear') // 输出Map: Map(1) {'apple' => 11}
    
    // 8. 清空Map集合
    map.set('dog', 22) // Map(2) {'apple' => 11, 'dog' => 22}
    map.clear() // 输出Map:Map(0) {size: 0}
    
    // 9. 按顺序输出
    map.set('cat',4) // Map(1) {'cat' => 4}
    map.set('pig',9) // Map(2) {'cat' => 4, 'pig' => 9}
    let mapIter = map.entries() 
    mapIter.next().value // ['cat', 4]
    mapIter.next().value // ['pig', 9]
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
  • 相关阅读:
    LeetCode-481. 神奇字符串【双指针,字符串】
    进入低功耗和唤醒
    [原创]JVM知识点盘点
    YOLOv5项目实战(1)— 如何去训练模型
    html css3 旋转
    手机备忘录导到电脑上有什么方法简单点
    @Qualifier注解的原理
    Python学习笔记--自定义容器(Container)
    银河麒麟V10安装ASP.NET Core教程
    【生物素叠氮化物|cas:908007-17-0】价格_厂家
  • 原文地址:https://blog.csdn.net/qq_45325810/article/details/126037191