大话前端：ES6中的Map对象与普通对象的区别

以下是一个比喻来形象说明ES6中的Map对象与普通对象的区别：
想象一下，你有两个仓库来存储商品，一个是传统的仓库（普通对象），另一个是高科技仓库（Map对象）。

1. 键的多样性：

• 普通对象仓库：只能使用字符串或符号作为商品的标签。
• 高科技仓库：可以使用任何类型的东西作为商品标签，比如数字、对象甚至是函数。

2. 记忆力：

• 普通对象仓库：不太擅长记住存储了多少种商品，你需要亲自去数一数。
• 高科技仓库：随时告诉你里面有多少种商品（通过size属性）。

3. 安全性：

• 普通对象仓库：有一些预设的存储空间（像__proto__），这可能会导致意外的冲突。
• 高科技仓库：完全自定义的存储空间，没有预设的存储槽，避免了冲突。

4. 性能表现：

• 普通对象仓库：在存储大量商品时，找到特定商品可能会变慢。
• 高科技仓库：即使存储了大量商品，查找特定商品的速度也很快。

5. 遍历方式：

• 普通对象仓库：遍历商品需要特殊的方法，比如Object.keys()或Object.entries()。
• 高科技仓库：内建了遍历的方法，如forEach和可以直接使用迭代器。

因此，根据你的需要，你可能会选择传统仓库（普通对象）因为它简单易用，或者选择高科技仓库（Map对象）因为它更灵活、安全且性能更优。