js如何遍历map

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签遍历

在 javascript 中遍历 map 的方法有：for...of 循环：遍历 map 中所有键值对，并将键和值赋值给两个变量。keys() 和 values() 方法：返回 map 中键和值的迭代器，并对键和值遍历。foreach() 方法：以函数作为参数，对 map 中每个键值对执行。object.entries() 方法：将 map 转换为一个包含键值对数组的对象，并遍历该对象访问键和值。

如何在 JavaScript 中遍历 Map

遍历 Map 是从 Map 中获取键值对常用操作。JavaScript 提供了多种遍历 Map 的方法，包括：

1. for...of 循环

for...of 循环是遍历 Map 的最简单方法。它会遍历 Map 中的所有键值对，并将键和值分别赋值给两个变量。

const myMap = new Map([  ['name', 'John Doe'],  ['age', 30]]);for (const [key, value] of myMap) {  console.log(`Key: ${key}, Value: ${value}`);}

2. keys() 和 values() 方法

keys() 和 values() 方法返回 Map 中键和值的迭代器。你可以使用这些迭代器对键和值进行遍历。

const myMap = new Map([  ['name', 'John Doe'],  ['age', 30]]);for (const key of myMap.keys()) {  console.log(`Key: ${key}`);}for (const value of myMap.values()) {  console.log(`Value: ${value}`);}

3. forEach() 方法

forEach() 方法以函数作为参数，该函数会对 Map 中的每个键值对执行。

const myMap = new Map([  ['name', 'John Doe'],  ['age', 30]]);myMap.forEach((value, key) =&gt; {  console.log(`Key: ${key}, Value: ${value}`);});

4. Object.entries() 方法

Object.entries() 方法将 Map 转换为一个包含键值对数组的对象。你可以遍历这个对象来访问键和值。

const myMap = new Map([  ['name', 'John Doe'],  ['age', 30]]);for (const [key, value] of Object.entries(myMap)) {  console.log(`Key: ${key}, Value: ${value}`);}

文章推荐

js如何遍历map

如何在 JavaScript 中遍历 Map

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？