Map和Object区别

区别:

  • API不通,Map可以以任意类型为key
  • Map是有序结构(重要)
  • Map操作同样很快
// object
// const obj = {
//	name: '张三',
//	title: 'Author'
// }
// 只能以字符串为key,且是无序格式

// map Api
const m = new Map([
	['name', '张三'],
	['title', 'Author']
])
m.set('age', 30)
m.delete('title')
m.has('name')
m.size
m.forEach(val => console.log(val))
// ...

// 以任意类型为key
const o = { p: 'Hello World' }
m.set(o, 'object key')
const fn = () {}
m.set(fn, 'fn key')
const obj1 = { name: '小红' }
const obj2 = { name: '小明' }
m.set(obj1, obj2) // 关联,但没有引用关系,保持独立

// Map是有序的并且还很快,object是无序的
const targetObj = {}
const targetMap = new Map()
for (let i = 0; i < 10000000; i++) {
  targetObj[i + ''] = i
  targetMap.set(i + '', i)
}
console.time('targetObj find')
targetObj['5000000']
console.timeEnd('targetObj find')
console.time('targetObj delete')
delete targetObj['5000000']
console.timeEnd('targetObj delete')

console.time('targetMap find')
targetMap.has('5000000')
console.timeEnd('targetMap find')
console.time('targetMap delete')
targetMap.delete('5000000')
console.timeEnd('targetMap delete')

// targetObj find: 0.009033203125 ms
// targetObj delete: 0.0029296875 ms
// targetMap find: 0.007080078125 ms
// targetMap delete: 0.001953125 ms
// Map有序与obj无序执行速度相差不多
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值