likes
comments
collection
share

ES6 - Map 与 Object 的区别

作者站长头像
站长
· 阅读数 19

ES6中Map相对于Object对象有几个区别:

  • Object的键只能是字符串或者Symbol,Map的键值可以是任意值

  • Map的键值对数量可以通过size属性获取,Object则需要通过Object.keys(obj).length类似的方式获取

  • Object有自己的原型,原型链上的键名可能与对象的键名产生冲突。除非我们使用Object.create(null)创建一个没有原型的对象;

  • Map的键值是有序的,数据的排序是根据用户push的顺序进行排序的, 而Object实例中key,value的顺序就是有些规律了, (他们会先排数字开头key值,然后才是字符串开头key值);

比如:

{
'1': 'a',
'3': 'c',
'2': 'b'
}

会自动调整

{
'1':'a',
'2':'b',
'3':'c'
}

可以遍历一遍打印 , 很容易看到结果, 而map不会,原来定义是什么顺序就是什么顺序

new Map([
    ['1','a'],
    ['3','c'],
    ['2','b'],
])