js Map 和 Object对象的区别

共同点:

都是键值对(key-value)

区别:

  1. map的key更强大,Objec只能使用字符串值作为键名,但Map的键名可以是任意类型

  2. map遍历方式比object强;object必须将它们转换为数组,如使用Object.keys(), Object.values()和Object.entries(), 再使用for … in,另外for … in循环。另外还有一些限制:它仅仅遍历可枚举属性、非Symbol属性,并且遍历的顺序是任意的,如遍历key,eg:

    object遍历:

    let object={'a':1,'b':2}
    Object.keys(object).forEach(element => {
        console.log(element)
    });
    

    结果:

    a
    b
    

    map遍历:

    let object2=new Map([['a',1],['b',2]])
    object2.keys()
    console.log(typeof object2.keys())
    

    结果:

    a
    b
    object
    
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js中的Map对象Object有一些区别。首先,它们的构造方式不同。Object可以通过字面量或构造函数来创建,而Map只能通过构造函数来创建。\[1\]\[2\] 其次,Map对象在特定条件下可以成为更佳的选择。Map对象可以更好地处理键-值对的设置、获取和删除操作,并且可以根据键获取对应的值。而Object在处理少量键-值对时可能更快,特别是当Object被当作数组使用时,浏览器引擎可以进行优化,使用更高效的布局。\[1\]\[3\] 此外,从大型ObjectMap中查找键-值对的性能差异极小。但是,如果代码涉及大量查找操作,有时候选择Object可能更好一些。\[3\] 综上所述,Map对象Object在使用方式和性能方面有一些区别开发者可以根据具体的需求选择适合的数据结构。 #### 引用[.reference_title] - *1* *3* [javascript map与原生object区别](https://blog.csdn.net/u012174809/article/details/124253756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [jsObjectMap区别](https://blog.csdn.net/aka_xyz/article/details/127058612)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值