PHP前端开发

如何在js中遍历map对象

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 遍历
javascript 中遍历 map 对象的方法包括:使用 foreach() 方法,遍历每个键值对。使用 for...of 循环,遍历键(或值,使用 map.values() 遍历器)。使用 entries() 方法,遍历键值对。

在 JavaScript 中遍历 Map 对象

JavaScript 的 Map 对象是一个存储键值对的数据结构,它提供了一些方法来遍历其内容。以下是最常用的方法:

使用 forEach() 方法

forEach() 方法可以遍历 Map 中的每个键值对,并对它们执行回调函数。回调函数应该接受以下参数:

示例:

const map = new Map([  ['foo', 1],  ['bar', 2],  ['baz', 3],]);map.forEach((value, key) => {  console.log(`${key}: ${value}`);});

输出:

foo: 1bar: 2baz: 3

使用 for...of 循环

for...of 循环可以遍历 Map 中的键。要遍历值,可以使用 map.values() 遍历器:

for (let key of map.keys()) {  console.log(key);}for (let value of map.values()) {  console.log(value);}

输出:

foobarbaz123

使用 entries() 方法

entries() 方法返回一个遍历器,其中包含 Map 中的键值对。

for (let entry of map.entries()) {  const [key, value] = entry;  console.log(`${key}: ${value}`);}

输出:

foo: 1bar: 2baz: 3