何时在 ES6 中使用 Object map 与 Map 类 [重复]

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 目前仅支持字符串或数字键。

• 地图仅在 ES6 中被原生支持。如果面向 ES5 或更低版本，则需要提供 polyfill。

但不确定这些是否详尽。

编辑：刚刚在 Mozilla 文档中发现了一个 Objects and maps compared 部分，看起来非常全面。

它包括以下未提及的项目：

• Map 中的键是有序的，而添加到对象的键不是。因此，在对其进行迭代时，Map 对象会按插入顺序返回键。

• 您可以通过 size 属性轻松获取 Map 的大小，而 Object 中的属性数量必须手动确定。

• Map 是可迭代对象，因此可以直接迭代，而对 Object 进行迭代则需要以某种方式获取其键并对其进行迭代。

• 一个对象有一个原型，所以如果你不小心，映射中的默认键可能会与你的键发生冲突。从 ES5 开始，这可以通过使用 map = Object.create(null) 绕过，但很少这样做。

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