ES6中map对象的使用,确实比Object好使哈

简介: ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。

Map 对象

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。
我们可以让各种类型作为map的键与值。

Maps 和 Objects 的区别

  • Object的键我们一般都是使用字符串或者Symbol;
    Map的键可以是任意类型,如:函数、数组、对象、NAN等等。

  • Object的长度可以通过keys或者键数组的length获得;
    Map的长度直接通过属性size得到。

Map的key:

使用set函数来给map对象增加键值对,参数为(键的名称,值);
使用get函数可以获取当前键的值,参数为(键的名称);
使用delete函数可以删除当前键值对,参数为(键的名称);
使用size属性可以获取当前map对象的键值对个数。

         let mapObj = new Map()
        // String
        mapObj.set('name',"六卿")
        mapObj.set('age',18)
        mapObj.set('habby',['唱歌'])
        mapObj.set('loves',{
   
            'apple':"100%",
            'orange':"10%",
        })
        let a = ()=>{
   console.log("执行了a函数")}
        // fun
        mapObj.set(a,a)
        mapObj.set(NaN,'NaN')
        console.log(mapObj.has('habby'))
        console.log(mapObj.get('age'))
        console.log(mapObj.size)
        mapObj.get(a)()

在这里插入图片描述

循环Map

1.使用 for of
        let mapObj = new Map()
        mapObj.set('name',"六卿")
        mapObj.set('age',18)
        mapObj.set('habby',['唱歌'])
        mapObj.set('loves',{
   
            'apple':"100%",
            'orange':"10%",
        })
        let a = ()=>{
   console.log("执行了a函数")}
        mapObj.set(a,a)
        mapObj.set(NaN,'NaN')
        mapObj.get(a)()
        for(let key  of mapObj){
   
            console.log(key)//[name,'张俊卿']  [age,18]  [habby,['唱歌']]....
        }

循环的 let key为一个数组,数组的第一项为map对象的key,第二项为key对应的值。

1.使用 forEach
        let mapObj = new Map()
        mapObj.set('name',"六卿")
        mapObj.set('age',18)
        mapObj.set('habby',['唱歌'])
        mapObj.set('loves',{
   
            'apple':"100%",
            'orange':"10%",
        })
        let a = ()=>{
   console.log("执行了a函数")}
        mapObj.set(a,a)
        mapObj.set(NaN,'NaN')
        mapObj.get(a)()
        mapObj.forEach((value,key)=>{
   
            console.log(value,key)
        })

在这里插入图片描述
forEach传入回调函数,回调函数的第一个参数为每一项键值对的值,第二个参数为每一个键值对的键。

目录
相关文章
|
7天前
|
弹性计算 人工智能 架构师
阿里云携手Altair共拓云上工业仿真新机遇
2024年9月12日,「2024 Altair 技术大会杭州站」成功召开,阿里云弹性计算产品运营与生态负责人何川,与Altair中国技术总监赵阳在会上联合发布了最新的“云上CAE一体机”。
阿里云携手Altair共拓云上工业仿真新机遇
|
4天前
|
机器学习/深度学习 算法 大数据
【BetterBench博士】2024 “华为杯”第二十一届中国研究生数学建模竞赛 选题分析
2024“华为杯”数学建模竞赛,对ABCDEF每个题进行详细的分析,涵盖风电场功率优化、WLAN网络吞吐量、磁性元件损耗建模、地理环境问题、高速公路应急车道启用和X射线脉冲星建模等多领域问题,解析了问题类型、专业和技能的需要。
2453 13
【BetterBench博士】2024 “华为杯”第二十一届中国研究生数学建模竞赛 选题分析
|
3天前
|
机器学习/深度学习 算法 数据可视化
【BetterBench博士】2024年中国研究生数学建模竞赛 C题:数据驱动下磁性元件的磁芯损耗建模 问题分析、数学模型、python 代码
2024年中国研究生数学建模竞赛C题聚焦磁性元件磁芯损耗建模。题目背景介绍了电能变换技术的发展与应用,强调磁性元件在功率变换器中的重要性。磁芯损耗受多种因素影响,现有模型难以精确预测。题目要求通过数据分析建立高精度磁芯损耗模型。具体任务包括励磁波形分类、修正斯坦麦茨方程、分析影响因素、构建预测模型及优化设计条件。涉及数据预处理、特征提取、机器学习及优化算法等技术。适合电气、材料、计算机等多个专业学生参与。
1494 14
【BetterBench博士】2024年中国研究生数学建模竞赛 C题:数据驱动下磁性元件的磁芯损耗建模 问题分析、数学模型、python 代码
|
1月前
|
运维 Cloud Native Devops
一线实战:运维人少,我们从 0 到 1 实践 DevOps 和云原生
上海经证科技有限公司为有效推进软件项目管理和开发工作,选择了阿里云云效作为 DevOps 解决方案。通过云效,实现了从 0 开始,到现在近百个微服务、数百条流水线与应用交付的全面覆盖,有效支撑了敏捷开发流程。
19268 29
|
1月前
|
人工智能 自然语言处理 搜索推荐
阿里云Elasticsearch AI搜索实践
本文介绍了阿里云 Elasticsearch 在AI 搜索方面的技术实践与探索。
18821 20
|
1月前
|
Rust Apache 对象存储
Apache Paimon V0.9最新进展
Apache Paimon V0.9 版本即将发布,此版本带来了多项新特性并解决了关键挑战。Paimon自2022年从Flink社区诞生以来迅速成长,已成为Apache顶级项目,并广泛应用于阿里集团内外的多家企业。
17514 13
Apache Paimon V0.9最新进展
|
5天前
|
编解码 JSON 自然语言处理
通义千问重磅开源Qwen2.5,性能超越Llama
击败Meta,阿里Qwen2.5再登全球开源大模型王座
334 11
|
1月前
|
存储 人工智能 前端开发
AI 网关零代码解决 AI 幻觉问题
本文主要介绍了 AI Agent 的背景,概念,探讨了 AI Agent 网关插件的使用方法,效果以及实现原理。
18696 17
|
2天前
|
算法 Java
JAVA并发编程系列(8)CountDownLatch核心原理
面试中的编程题目“模拟拼团”,我们通过使用CountDownLatch来实现多线程条件下的拼团逻辑。此外,深入解析了CountDownLatch的核心原理及其内部实现机制,特别是`await()`方法的具体工作流程。通过详细分析源码与内部结构,帮助读者更好地理解并发编程的关键概念。
|
2天前
|
SQL 监控 druid
Druid连接池学习
Druid学习笔记,使用Druid进行密码加密。参考文档:https://github.com/alibaba/druid
187 80