什么是 Map？

推荐答案

Map 是 ECMAScript 6 引入的一种新的数据结构，用于存储键值对。与传统的对象不同，Map 允许使用任意类型的值（包括对象）作为键，并且保留了键值对的插入顺序。Map 提供了多种方法来操作和遍历其中的数据。

本题详细解读

1. Map 的基本特性

• 键值对存储：Map 是一种键值对的集合，类似于对象，但键可以是任意类型的值，包括对象、函数等。
• 插入顺序：Map 会保留键值对的插入顺序，这意味着遍历时顺序与插入顺序一致。
• 键的唯一性：Map 中的键是唯一的，如果尝试插入一个已经存在的键，新的值会覆盖旧的值。

2. Map 的常用方法

• set(key, value)：向 Map 中添加或更新一个键值对。
• get(key)：根据键获取对应的值，如果键不存在则返回 undefined。
• has(key)：判断 Map 中是否存在指定的键，返回布尔值。
• delete(key)：删除指定键的键值对，返回布尔值表示是否删除成功。
• clear()：清空 Map 中的所有键值对。
• size：返回 Map 中键值对的数量。

3. Map 的遍历方法

• keys()：返回一个包含 Map 中所有键的迭代器。
• values()：返回一个包含 Map 中所有值的迭代器。
• entries()：返回一个包含 Map 中所有键值对的迭代器。
• forEach(callbackFn)：遍历 Map 中的每个键值对，并对每个键值对执行回调函数。

4. Map 与对象的区别

• 键的类型：对象的键只能是字符串或 Symbol，而 Map 的键可以是任意类型的值。
• 顺序：对象不保证属性的顺序，而 Map 会保留插入顺序。
• 性能：在频繁增删键值对的场景下，Map 的性能通常优于对象。

5. 示例代码

// www.javascriptcn.com code example
// 创建一个新的 Map
const myMap = new Map();

// 添加键值对
myMap.set('name', 'Alice');
myMap.set(42, 'The Answer');
myMap.set({}, 'An object key');

// 获取值
console.log(myMap.get('name')); // 输出: Alice

// 检查键是否存在
console.log(myMap.has(42)); // 输出: true

// 删除键值对
myMap.delete(42);

// 遍历 Map
myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

// 获取 Map 的大小
console.log(myMap.size); // 输出: 2

6. 使用场景

• 需要键值对且键的类型多样时：当需要使用非字符串或 Symbol 类型的键时，Map 是一个很好的选择。
• 需要保留插入顺序时：如果需要按照插入顺序遍历键值对，Map 比对象更合适。
• 频繁增删键值对时：Map 在频繁增删键值对的场景下性能更优。