js map数据结构|极客笔记

js map数据结构

介绍

JavaScript中的Map是一种常用的数据结构，它可以用于存储一组键值对。Map提供了高效的键值存取方法，并且可以通过键来快速查找对应的值。本文将详细介绍JavaScript中的Map数据结构，包括创建和初始化Map、添加和删除键值对、遍历Map、获取键值对数量、判断键是否存在等操作。

创建和初始化Map

在JavaScript中，可以通过构造函数Map来创建一个新的Map对象。Map的构造函数可以接受一个可迭代对象作为参数，该可迭代对象包含一系列的键值对。

下面是创建和初始化一个Map的示例代码：

// 创建一个空的Map对象
let map = new Map();

// 创建一个包含初始键值对的Map对象
let mapWithInitData = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

在上面的示例代码中，map是一个空的Map对象，mapWithInitData是一个包含了初始键值对的Map对象。

添加和删除键值对

在Map中，可以使用set()方法来添加新的键值对，使用delete()方法来删除指定的键值对。

下面是添加和删除键值对的示例代码：

// 添加键值对
map.set('key1', 'value1');
map.set('key2', 'value2');

// 删除指定键值对
map.delete('key1');

在上面的示例代码中，首先使用set()方法向Map对象中添加了两个键值对，然后使用delete()方法删除了键为key1的键值对。

遍历Map

在JavaScript中，可以使用for...of循环来遍历Map对象中的键值对。for...of循环会迭代Map对象中的每一个键值对，其中每一个键值对的键和值可以通过解构赋值的方式分别获取。

下面是遍历Map的示例代码：

// 遍历键值对
for (let [key, value] of map) {
  console.log(key, value);
}

// 遍历键
for (let key of map.keys()) {
  console.log(key);
}

// 遍历值
for (let value of map.values()) {
  console.log(value);
}

// 遍历键值对的forEach方法
map.forEach((value, key) => {
  console.log(key, value);
});

在上面的示例代码中，使用for...of循环遍历了Map对象中的键值对，并依次输出了键和值。另外，也可以使用map.keys()方法遍历Map对象中的键，使用map.values()方法遍历Map对象中的值。此外，还可以使用map.forEach()方法来遍历Map对象中的键值对，传入的回调函数的参数顺序是先值，再键。