遍歷 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: 1 Key: b, Value: 2 Key: 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: 1 Value: 2 Value: 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: a Key: b Key: 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: 1 Key: b, Value: 2 Key: c, Value: 3
登錄后復制登錄后復制