JavaScript 中什么时候使用 Map 更好

当我们需要在 JavaScript 中存储以键值对形式存在的数据时，通常使用对象。但是，在某些情况下，使用 Map 数据结构可能更好。

Map 数据结构简介

Map 是 JavaScript 中的一种数据结构，它允许我们将对象作为键，来存储和查找与其相关的数据。Map 与对象类似，但是它有以下优势：

• Map 可以使用不同类型的值作为键，而对象只支持字符串和符号作为键。
• Map 内部维护了一个类似数组的顺序，因此可以通过迭代器按照插入顺序返回其成员。

Map 的应用场景

以下情况可以考虑使用 Map 数据结构：

1. 需要在对象中存储复杂类型的值
   如果需要在对象中存储非字符串类型的值，例如函数、日期、正则表达式等，则通常需要将它们转换为字符串，然后将这个字符串作为对象的键。但是，使用 Map，我们可以直接使用这些复杂类型的值作为键，更方便清晰地管理数据。

示例代码：

let map = new Map()
map.set({ key: 'value' }, 'something')
map.get({ key: 'value' })
// Output: undefined

在上面的代码中，我们无法通过对象获取 Map 中的值，这是因为每个对象都是不同的实例。如果使用相同的对象实例，那么我们便可以获取到 Map 中存储的值。

let key = { key: 'value' }
let map = new Map()
map.set(key, 'something')
map.get(key)
// Output: 'something'

1. 需要按照顺序存储并操作数据
   在 JavaScript 中，对象本质上是无序的键值对，它们并不按照特定的顺序存储。但是，Map 内部维护了一个成员顺序，因此可以更方便地按照顺序存储和操作数据。

示例代码：

let map = new Map()
map.set('c', 3)
map.set('a', 1)
map.set('b', 2)
for (let item of map) {
  console.log(item)
}
// Output:
// ['c', 3]
// ['a', 1]
// ['b', 2]

总结

在需要存储非字符串类型值或需要按照顺序存储数据的情况下，Map 数据结构比对象更好。如果需要在性能较高的情况下存储和操作数据，则应该选择与场景相适应的数据结构。