JS map对象遍历|极客教程

JS map对象遍历

在JavaScript中，map对象是一种键值对的集合，其中每个键都是唯一的。在实际开发中，我们经常需要遍历map对象并对其中的键值对进行操作。本文将详细介绍如何使用不同的方法来遍历JavaScript中的map对象。

创建一个map对象

首先，我们需要创建一个map对象。在JavaScript中，可以使用new Map()来创建一个空的map对象，也可以在创建的同时添加键值对。例如：

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

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

使用forEach进行遍历

一种常见的遍历方法是使用forEach方法。这个方法接受一个回调函数作为参数，回调函数接受三个参数，分别是值、键和整个map对象。我们可以在回调函数中对每个键值对进行操作。

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

运行结果：

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

使用for…of进行遍历

另一种常见的遍历方法是使用for...of循环。这种方法可以直接遍历map对象的键值对，代码更加简洁。

for (let [key, value] of myMap2) {
    console.log(`Key:  ${key}, Value:$ {value}`);
}

运行结果：

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

使用keys()、values()和entries()方法

除了forEach和for...of循环，我们还可以使用keys()、values()和entries()方法来获取map对象的键、值或键值对数组，然后进行遍历。

keys()

keys()方法返回一个包含map对象所有键的可迭代对象。我们可以使用for...of循环来遍历键。

for (let key of myMap2.keys()) {
    console.log(`Key: ${key}`);
}

运行结果：

Key: key1
Key: key2
Key: key3

values()

values()方法返回一个包含map对象所有值的可迭代对象。我们可以使用for...of循环来遍历值。

for (let value of myMap2.values()) {
    console.log(`Value: ${value}`);
}

运行结果：

Value: value1
Value: value2
Value: value3

entries()

entries()方法返回一个包含map对象所有键值对的可迭代对象，每个元素都是一个数组，第一个元素是键，第二个元素是值。我们可以使用for...of循环来遍历键值对。

for (let [key, value] of myMap2.entries()) {
    console.log(`Key:  ${key}, Value:$ {value}`);
}

运行结果：

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

总结

本文介绍了几种在JavaScript中遍历map对象的方法，包括forEach、for...of、keys()、values()和entries()。根据实际需求选择合适的方法来遍历map对象，方便对其中的键值对进行操作。

JS map对象遍历