JavaScript中Map与Object应用场景

在JavaScript中，Map与Object都可以用于存储键/值对，但是它们在应用场景上的区别较大。

Map

什么是Map

Map是一种新的数据结构，它于ES6（ECMAScript 2015）中被引入，主要用于存储键/值对，并且键和值可以是任意类型。它提供了以下主要方法：

• set(key, value) ：向Map对象中添加或更新一个键值对。
• get(key) ：获取指定键的值。
• has(key) ：判断指定的键是否存在于Map中。
• delete(key) ：删除指定键及其对应的值。
• clear() ：清除Map对象中所有的键值对。
• size ：获取Map对象中键值对的个数。

Map的应用场景

1. 存储非字符串类型的键

由于Object的键必须是字符串类型，因此如果要存储非字符串类型的键，就必须先将其转换为字符串，这一点在Map中就不存在了。例如：

const map = new Map();
const funcKey = () => {};
const objKey = {};
map.set(funcKey, 'value for function key');
map.set(objKey, 'value for object key');

1. 存储动态的键或增量更新键值

使用Map存储动态的键或增量更新键值是非常方便的。例如下面的示例中，使用Map存储每个字母出现的次数：

const str = 'hello';
const map = new Map();
for(let i = 0; i < str.length; i++){
  const char = str[i];
  if(map.has(char)){
    map.set(char, map.get(char) + 1);
  } else {
    map.set(char, 1);
  }
}
console.log(map); // Map(4) { 'h' => 1, 'e' => 1, 'l' => 2, 'o' => 1 }

Object

什么是Object

Object是JavaScript中最常用的数据类型之一，是一种无序的键/值对集合，其中键必须是字符串类型或Symbol类型，值可以是任意类型。它提供了以下主要方法：

• Object.keys(obj) ：获取对象中所有的键。
• Object.values(obj) ：获取对象中所有的值。
• Object.entries(obj) ：获取对象中所有的键/值对数组。
• obj.hasOwnProperty(key) ：判断对象中是否存在指定的键。
• delete obj[key] ：删除一个键值对。
• Object.assign(target, ...sources) ：将多个对象的属性合并到一个目标对象中，如果有重复的键，则后面的对象覆盖前面的对象。

Object的应用场景

1. 存储一些简单的键值对

当需要存储一些简单的键值对，并且不需要遍历键的时候，Object是一种非常好的选择。例如：

const userInfo = {
  name: 'Lucy',
  age: 18,
  email: '[e-mail]'
};

1. 存储静态的键值对

由于Object的键必须是字符串类型或Symbol类型，因此当需要存储静态的键值对时，可以使用Object。例如：

const COLOR = {
  RED: 'red',
  GREEN: 'green',
  BLUE: 'blue'
}

总结

在实际使用中，需要根据具体的需求选择Map或Object。如果需要存储动态的键或者非字符串类型的键值对，应该选择Map，而如果需要存储静态的键值对或者不需要遍历键的话，应该选择Object。