PHP前端开发

js如何遍历map对象

百变鹏仔 3天前 #JavaScript
文章标签 遍历
遍历 javascript 中的 map 对象的方法有四种:使用 foreach() 方法,为每个键值对执行回调函数。使用 for...of 循环,遍历键值对的值。使用 for...in 循环,遍历键。使用 entries() 方法,返回包含所有键值对的迭代器。

如何遍历 JavaScript 中的 Map 对象

遍历 JavaScript 中的 Map 对象的方法有多种,具体取决于您希望如何访问其中的键值对。

使用 forEach() 方法

forEach() 方法是一个内置方法,它对 Map 对象中的每个键值对执行一个回调函数。该回调函数接受三个参数:值、键和 Map 对象本身。

const myMap = new Map([  ['a', 1],  ['b', 2],  ['c', 3],]);myMap.forEach((value, key, map) => {  console.log(`Key: ${key}, Value: ${value}`);});

输出:

Key: a, Value: 1Key: b, Value: 2Key: c, Value: 3

使用 for...of 循环

for...of 循环可用于遍历 Map 对象中键值对的值。

const myMap = new Map([  ['a', 1],  ['b', 2],  ['c', 3],]);for (const value of myMap.values()) {  console.log(`Value: ${value}`);}

输出:

Value: 1Value: 2Value: 3

使用 for...in 循环

for...in 循环可用于遍历 Map 对象中的键。

const myMap = new Map([  ['a', 1],  ['b', 2],  ['c', 3],]);for (const key in myMap) {  console.log(`Key: ${key}`);}

输出:

Key: aKey: bKey: c

使用 entries() 方法

entries() 方法返回一个包含 Map 对象中所有键值对的迭代器。您可以使用该迭代器来遍历 Map 对象。

const myMap = new Map([  ['a', 1],  ['b', 2],  ['c', 3],]);for (const [key, value] of myMap.entries()) {  console.log(`Key: ${key}, Value: ${value}`);}

输出:

Key: a, Value: 1Key: b, Value: 2Key: c, Value: 3