JS中的Map对象用法及说明

JS中的Map对象是一种用于存储键值对的数据结构，与Object对象相似，但是它可以使用任何JavaScript类型作为键，包括字符串、数字、布尔值等。在这篇攻略中，我将会介绍Map对象的基本用法和一些示例演示。

Map对象的基本用法

1. 创建Map对象

通过new Map()语句可以创建一个空的Map对象。可以使用Map构造函数来创建Map对象，并且可以传递一个数组作为初始值。该数组将包含键值对的数组。

// 创建 Map 对象
const myMap = new Map();

// 创建包含初始化值的 Map 对象
const myMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

2. 添加和读取键值对

可以使用set()方法添加键值对到Map对象中，并使用get()方法获取该键的值。

// 添加键值对到 Map 对象中
myMap.set('key3', 'value3');

// 获取 Map 对象中的值
myMap.get('key3'); // 输出 'value3'

3. 删除键值对

可以使用delete()方法从Map对象中删除指定的键值对。

// 从 Map 对象中删除键值对
myMap.delete('key1');

4. 迭代Map对象

可以使用keys()、values()和entries()方法迭代Map对象并获取对应的键、值或键值对。

// 迭代 Map 对象获取所有的键
for (const key of myMap.keys()) {
  console.log(key);
}

// 迭代 Map 对象获取所有的值
for (const value of myMap.values()) {
  console.log(value);
}

// 迭代 Map 对象获取所有的键值对
for (const [key, value] of myMap.entries()) {
  console.log(key, value);
}

以上是Map对象的基本使用方法，接下来我们来看两个示例演示。

示例演示

示例1：使用Map对象实现计数器

我们可以使用Map对象很方便地实现一个计数器。使用forEach()方法循环遍历一个数组，并将数组中的元素以键的形式存储到Map对象中，值则为该元素出现的次数。最后，打印出每个元素出现的次数。

// 定义数组
const arr = [1, 2, 2, 3, 3, 3];

// 使用 Map 对象实现计数器
const counter = new Map();
arr.forEach(function(item) {
  if (!counter.has(item)) {
    counter.set(item, 1);
  } else {
    counter.set(item, counter.get(item) + 1);
  }
});

// 打印每个元素出现的次数
counter.forEach((value, key) => console.log(`${key} 出现了 ${value} 次。`));

输出结果：

1 出现了 1 次。
2 出现了 2 次。
3 出现了 3 次。

示例2：使用Map对象实现缓存

我们可以使用Map对象非常简单地实现一个缓存功能，将计算结果缓存起来，以便之后快速访问。

// 计算斐波那契数列的第n项
function fibonacci(n) {
  // 由于递归算法存在大量重复计算，使用 Map 对象实现缓存，避免重复计算
  const cache = new Map();
  if (n === 1 || n === 2) {
    return 1;
  } else if (cache.has(n)) {
    return cache.get(n);
  } else {
    const result = fibonacci(n - 1) + fibonacci(n - 2);
    cache.set(n, result);
    return result;
  }
}

// 计算第10项斐波那契数列
console.log(fibonacci(10)); // 输出 55

以上就是两个使用Map对象的示例，希望对你有所帮助！