JS Map取值|极客笔记

JS Map取值

在JavaScript中，Map是一种用于存储键值对的集合，其中的键不仅可以是字符串，还可以是任意数据类型，它与普通对象不同的是，Map可以保持键值对的顺序。当我们需要根据键来获取值时，就需要使用Map的取值方法。本文将详细介绍如何使用Map进行取值操作，并通过示例代码演示实际应用场景。

创建一个Map对象

首先，我们需要创建一个Map对象，可以使用new Map()语句来实现：

let myMap = new Map();

现在，我们已经创建了一个空的Map对象myMap，接下来可以向其中添加键值对了。

向Map对象中添加键值对

通过set(key, value)方法可以将键值对添加到Map对象中：

myMap.set('name', 'Alice');
myMap.set(1, 'One');
myMap.set(true, 'Yes');

在上面的示例中，我们添加了三组键值对，分别是'name': 'Alice'、1: 'One'、true: 'Yes'，这些键值对可以是任意数据类型。

从Map对象中取值

使用get(key)方法可以根据键获取对应的值：

console.log(myMap.get('name')); // 输出：Alice
console.log(myMap.get(1)); // 输出：One
console.log(myMap.get(true)); // 输出：Yes

以上代码展示了如何根据键取出对应的值，通过调用get方法并传入键名，即可得到该键所对应的值。

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

可以使用has(key)方法来判断一个Map对象中是否存在指定的键：

console.log(myMap.has('name')); // 输出：true
console.log(myMap.has(2)); // 输出：false

在上面的示例中，我们判断了'name'键是否存在于myMap对象中，结果为true，而判断2键是否存在时，结果为false。通过has方法，我们可以轻松地判断一个键是否存在于Map对象中。

从Map对象中移除键值对

可以使用delete(key)方法来移除Map对象中指定的键值对：

myMap.delete('name');
console.log(myMap.get('name')); // 输出：undefined

在上面的示例中，我们移除了键为'name'的键值对，再次通过get方法获取该键的值将返回undefined，表示该键不存在于myMap对象中了。

使用forEach遍历Map对象的键值对

要遍历Map对象中的所有键值对，可以使用forEach方法：

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

上面的代码中，我们使用forEach方法遍历了myMap对象中的所有键值对，并将键值对依次打印出来。

Map对象的键和值

除了上述介绍的方法外，我们还可以通过keys()、values()和entries()方法分别获取Map对象的所有键、所有值以及所有键值对。

console.log(Array.from(myMap.keys())); // 输出：['1', 'true']
console.log(Array.from(myMap.values())); // 输出：['One', 'Yes']
console.log(Array.from(myMap.entries())); // 输出：[['1', 'One'], ['true', 'Yes']]

在上面的示例中，我们通过Array.from将Map对象的键、值及键值对转为数组并打印出来，以便查看其内容。

示例代码及运行结果

接下来，我们通过一个示例代码来演示如何使用Map对象进行取值：

let myMap = new Map();
myMap.set('name', 'Alice');
myMap.set('age', 30);
myMap.set('gender', 'female');

console.log(myMap.get('age')); // 输出：30
console.log(myMap.has('gender')); // 输出：true

myMap.delete('name');
console.log(myMap.has('name')); // 输出：false

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

以上代码中，我们创建了一个Map对象myMap，并添加了三组键值对，然后分别获取了age键对应的值、判断gender键是否存在、移除了name键值对，并通过forEach方法遍历了所有键值对。

运行上述示例代码，可以得到如下输出：