何时在ES6中使用对象贴图vs贴图类[重复]

Question

假设我想创建一个字典，例如，一个或多个车型的汽车品牌。

在ES6中，我似乎可以用两种不同的方式做到这一点。

1.创建对象映射：

代码：

const makesAndModels = {
    "mazda": [
        { name: "Miata" },
        { name: "626" }
    ],
    "toyota": [
        { name: "Camry" }
    ],
    ...
};

2.创建ES6 Map实例：

代码：

const makes = {
    mazda: { name: "Mazda" },
    toyota: { name: "Toyota" }
};

const makesAndModels = new Map([
    [makes.mazda, [
        { name: "Miata" },
        { name: "626" }
    ]],
    [makes.toyota, [
        { name: "Camry" }
    ]],
    ...
]);

以上两种方法的主要区别和优缺点是什么？

Answer 1

以下是迄今为止我发现的差异：

>

Map允许您使用任何类型的密钥。因此，如果您愿意，您可以将整个对象存储在键中，对于索引签名，TypeScript目前只支持字符串或数字键。

Map仅在ES6中受本机支持。如果目标为ES5或更低，则需要提供polyfill。

不确定这些是否详尽无遗。

编辑：刚刚在Mozilla文档中发现了一个对象和地图比较部分，看起来很全面。

包括上述未提及的以下项目：

>

使用size属性可以轻松获得贴图的大小，而对象中属性的数量必须手动确定。

映射是一个iterable，因此可以直接迭代，而对对象进行迭代需要以某种方式获取其键并对其进行迭代。

一个对象有一个原型，因此如果你不小心的话，地图中的默认关键点可能会与你的关键点发生碰撞。从ES5开始，可以使用map=Object绕过这一点。create（null），但很少这样做。

在涉及频繁添加和删除密钥对的场景中，Map可能表现得更好。