Map与Object的区别是什么

Question

目前了解到的区别有

• Object的键只能是字符串或者Symbol，Map的键值可以是任意值
• Map的键值对数量可以通过size属性获取，Object则需要通过Object.keys(obj).length类似的方式获取

以上两点已经过证实，
但还看到其他的

• Map的键值是有序的，而对象不是
• Object有自己的原型，原型链上的键名可能与对象的键名产生冲突。

想问下这两点该怎么证实。求助各位大佬

Answer 1

有序的问题……反正两个遍历结果是一样的，没见排序

const entries = [
    ["def", 1],
    ["abc", 2],
    ["cfg", 3]
]

Array.from(new Map(entries))
    .forEach(([key, value]) => console.log(`${key} = ${value}`));

console.log("-----------------------------");

Object
    .entries(entries.reduce((o, [key, value]) => {
        o[key] = value;
        return o;
    }, {}))
    .forEach(([key, value]) => console.log(`${key} = ${value}`));

原型的问题，截个图给你吧

再来张图

图中的代码

console.log("------------------------------------");
const oMap = {
    toString: "hello"
};

const mMap = new Map([["toString", "hello"]]);


console.log(`mMap.toString = ${mMap.get("toString")}`);
console.log("mMap.toString()", mMap.toString());
console.log(`oMap.toString = ${oMap["toString"]}`);
console.log("oMap.toString()", oMap.toString());

Answer 2

主要体现在key值为数字字符串时,object会自动排序 ,

比如

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

会被自动调整为

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

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

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

Answer 3

"Map的键值是有序的，而对象不是" ？？？

印象中记得对象的属性是无序的，直到看到React代码里提到：Issue 4118: Object.getOwnPropertyNames returns names in wrong order。

1. 整型字符串属性名按照升序排列；
2. 非整型字符串属性名按照插入顺序排列；
3. Symbol型属性名也是按照插入顺序排列；
4. 总体上先后顺序依次是：整型字符串 > 整型数字型字符串 > Symbol型。

var a = {    
    b: 2, 
    a: 1,
    [Symbol('name')]: 'join',
    [Symbol('age')]: 12,
    1: 1, 
    2: 2,
    1.1: 4,
    name: 'join',
    age: '20'
};

// ["1", "2", "b", "a", "1.1", "name", "age"]
console.log(Object.getOwnPropertyNames(a)); // Object.keys，for-in

// [Symbol(name), Symbol(age)]
console.log(Object.getOwnPropertySymbols(a));

>>> getOwnPropertyNames <<<