ES6 中的 map 与 object 应该何时使用？

在 ES6 (ECMAScript 2015) 中，Map 和 Object 都可以用来存储键值对。但是，它们各有特点和适用场景，选择合适的类型可以提高代码的效率和可维护性。

Object

适用场景:

• 当键是字符串或者符号（Symbol）时。
• 需要包含方法或者属性继承时。

优点:

• 语法简单，访问属性时可以直接使用点操作符（.）或括号操作符（[]）。
• 在JS引擎中经过长时间优化，性能较好。

缺点:

• 键只能是字符串或符号，不能是其他类型。
• 不保留键的插入顺序。
• 默认有原型链，可能包含不是实际数据的键。
• 没有简单的方法来获取大小。

例子：

javascript
let user = {
    name: "John",
    age: 30
};

console.log(user.name); // John

Map

适用场景:

• 当键可以是任何值时，包括对象、数组等。
• 需要键的插入顺序。
• 需要频繁增删键值对。

优点:

• 键可以是任意值。
• 保留了键的插入顺序。
• 提供了大小属性 size。
• 对键的增删查改操作性能优化。

缺点:

• 语法更复杂，需要使用 get(), set(), delete() 等方法进行操作。
• 因为是较新的特性，一些旧环境可能不支持。

例子：

javascript
let map = new Map();
map.set(user, {age: 30});

console.log(map.get(user)); // {age: 30}
console.log(map.size); // 1

总结

通常，如果需要一个简单的结构来存储字符串键和值，并且不关心键的顺序，可以使用 Object。如果键的类型多样，或者关心键的顺序，或者需要频繁地增删键值对，建议使用 Map。

在实际应用中，选择哪种类型取决于具体需求。例如，如果需要构建一个缓存系统，可能会更倾向于使用 Map，因为它可以让我们轻松地通过任何类型的键来存取和删除数据，同时保证了插入的顺序。相反，如果仅需构建一个固定配置项，使用 Object 可能更方便一些。