Object和Map的区别?

相同点

二者都是以key-value的形式对数据进行存储;

不同点

1.key的数据类型范围不同

Object:可以作为key的有:number,string,以及es6里面的symbol;
Map:js目前存在的数据类型均可以作为key;

2.key的顺序

Object: 如果对象的key中同时存在number string symbol 三种类型的时候,通过Object.keys得到的顺序是数字(升序) -> string(symbol)以创建的顺序;
Map: key以声明的顺序进行排序;

3.创建方式不同

Object:创建方式
const obj1 = new Object()
const obj2 = {}
const obj3 = Object.create({})
Map:创建方式:
const map = new Map();

4.key的调用方式不同

通过key取值:
Object:可通过 . 或 []
Map:只能用原生的get方法进行调用;
判断是否有某个属性
Object:'a' in obj;判断obj中是否有a这个属性;
Map:map.has('a');判断map中是否有a这个属性;

 5.设置属性的方式不同

Object:
1.obj.a = 1;
2.obj['a'] = 1;
Map:js目前存在的数据类型均可以作为key;
1.map.set('a',1)

 6.删除key的方式

Object: 自身没有删除属性的方法;一般删除对象属性的方式: delete obj.a
Map: map.delete('a') ----删除a属性;
     map.clear() ----删除所有的属性;

7.获取size

Object: 通过Object.keys(obj) 返回一个数组,通过获取数组的长度来获取size;
Map: 自身带有size属性;map.size,size属性无法修改;

 

8.Iterating(迭代)

Object: 不可以
Map: 可以;

如何判断一个数据是否可以迭代的方式
typeof [][Symbol.iterator] //function
typeof new Map()[Symbol.iterator] //function
typeof {}[Symbol.iterator]  //undefined
typeof 1[Symbol.iterator] //undefined

 

9.JSON操作

Object: 支持JSON.stringify和JSON.parse的操作;
Map: 不支持;

 

10.this不同

复制代码
const f = function(){ console.log(this) }
Object: 
        const obj = {fn:f}
Map: 
        const map = new Map()
        map.set('fn',f)
        
obj.fn() //指向obj
map.get('fn')() //取决于函数的调用者;
复制代码

如有错误.欢迎指正

 

posted on   漫思  阅读(96)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器
· 面试官:你是如何进行SQL调优的?
历史上的今天:
2019-09-19 VUE引入jq bootstrap 之终极解决方案(测试)
2019-09-19 Vue2.0 --- vue-cli脚手架中全局引入jquery
2016-09-19 求web前端面试题库及答案
2016-09-19 js中几种实用的跨域方法原理详解
2016-09-19 Linq基于两个属性的分组
2016-09-19 BackBone结合ASP.NET MVC实现页面路由操作

导航

< 2025年2月 >
26 27 28 29 30 31 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 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示