js中Map数据结构使用详细讲解

Map 是 JavaScript 中的一种数据结构，它允许我们以键值对的形式存储数据。与普通的 JavaScript 对象相比，Map 对象有一些显著的优势，比如键可以是任何类型的值（包括对象和函数），而不仅仅是字符串或符号。此外，Map 维护键值对的插入顺序，并且其迭代性能更好。

1. 创建一个 Map

const myMap = new Map();

你还可以在创建 Map 的同时，使用一个数组初始化它。这个数组包含一组键值对的数组。

const myMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

2. 添加元素
使用 set 方法可以向 Map 中添加一个键值对。

myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 键可以是任何类型的值
const objKey = { id: 1 };
myMap.set(objKey, 'value3');

3. 读取元素
使用 get 方法通过键读取对应的值。

const value1 = myMap.get('key1');
console.log(value1); // 输出: 'value1'

const value2 = myMap.get(objKey);
console.log(value2); // 输出: 'value3'

4. 检查键是否存在
使用 has 方法检查 Map 中是否存在某个键。

console.log(myMap.has('key1')); // 输出: true
console.log(myMap.has('key4')); // 输出: false

5. 删除元素
使用 delete 方法可以删除指定的键值对

myMap.delete('key2');
console.log(myMap.has('key2')); // 输出: false

6. 获取 Map 的大小
使用 size 属性可以获取 Map 中键值对的数量。

console.log(myMap.size); // 输出: 2

7. 清空 Map

myMap.clear();
console.log(myMap.size); // 输出: 0

8. 遍历 Map
Map 提供了几种遍历方式，包括 keys()、values()、entries() 方法和 forEach 方法。

• keys(): 返回一个包含 Map 中所有键的迭代器。

for (const key of myMap.keys()) {
  console.log(key);
}

获取所有的key的方法：
// 使用 Array.from() 将键迭代器转换为数组
const keysArray = Array.from(myMap.keys());

• values(): 返回一个包含 Map 中所有值的迭代器。

for (const value of myMap.values()) {
  console.log(value);
}

获取所有的value的方法：
// 使用 Array.from() 将键迭代器转换为数组
const valuesArray = Array.from(myMap.values());

• entries(): 返回一个包含 Map 中所有键值对的迭代器。每个键值对表示为 [key, value] 的数组。

for (const [key, value] of myMap.entries()) {
  console.log(`${key}: ${value}`);
}

• forEach(): 对 Map 中的每个键值对执行指定的函数。

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

9. Map 与对象的区别

• 键的类型: Map 的键可以是任何值类型，包括对象、函数和原始类型，而对象的键只能是字符串或符号。

• 迭代顺序: Map 按照插入顺序迭代键值对，而对象的键顺序可能不保证。

• 性能: Map 的查找和删除操作在大多数情况下比对象更快，特别是当键不是字符串时。

总结
Map 是一种非常强大的数据结构，适用于需要频繁增删改查操作的场景，尤其是当键类型不是字符串时。与普通对象相比，它提供了更灵活和高效的键值存储方式。