JavaScript Map相关知识介绍

JavaScript Map是一种存储键值对的数据结构，它可以使用任何类型的值作为键或值。Map对象可以记住键的插入顺序，也可以通过迭代器来遍历键值对。Map对象有一些重要的方法和属性，下面介绍一些常用的。

创建Map对象

创建Map对象有两种方式：

• 通过传递一个数组给new Map()构造函数，数组的每个元素都是一个键值对的数组，例如：

  // 创建一个Map对象
  const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200],
  ]);

• 通过使用set()方法来添加键值对，例如：

// 创建一个空的Map对象
const fruits = new Map();


// 使用set()方法添加键值对
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

set()方法也可以用来修改已有的键值对，只需传入相同的键和新的值即可。

获取Map对象的大小和值

Map对象有一个size属性，可以返回Map对象中键值对的数量，例如：

// 获取Map对象的大小
fruits.size; // 返回3

Map对象有一个get()方法，可以根据键来获取对应的值，例如：

// 获取Map对象中某个键的值
fruits.get("apples"); // 返回500

删除Map对象中的元素

Map对象有一个delete()方法，可以根据键来删除对应的键值对，例如：

// 删除Map对象中某个键值对
fruits.delete("apples"); // 返回true

delete()方法会返回一个布尔值，表示是否删除成功。

Map对象也有一个clear()方法，可以清空整个Map对象，例如：

// 清空Map对象
fruits.clear(); // 返回undefined

判断Map对象中是否存在某个键

Map对象有一个has()方法，可以根据键来判断Map对象中是否存在该键，例如：

// 判断Map对象中是否存在某个键
fruits.has("apples"); // 返回true

has()方法会返回一个布尔值，表示是否存在该键。

遍历Map对象

Map对象可以通过forEach()方法来遍历所有的键值对，该方法接受一个回调函数作为参数，回调函数会在每个键值对上执行，并传入当前的值、键和整个Map对象作为参数，例如：

// 遍历Map对象
let text = "";
fruits.forEach(function (value, key) {
text += key + " = " + value;
});

Map对象也可以通过entries()方法来返回一个包含所有键值对的迭代器对象，该迭代器对象可以用for...of循环来遍历，并得到每个键值对的数组，例如：

// 遍历Map对象
let text = "";
for (const x of fruits.entries()) {
text += x;
}

除了entries()方法外，还有keys()方法和values()方法，分别返回一个包含所有键或所有值的迭代器对象。

总结

JavaScript Map是一种灵活而强大的数据结构，它可以使用任何类型的值作为键或值，并且保持了插入顺序。Map对象提供了一些方便的方法和属性来操作和遍历键值对。如果你需要存储一些相关联的数据，并且需要快速地访问和修改，那么Map对象是一个不错的选择。