遍歷 map 對(duì)象的方法:使用 foreach() 方法遍歷每個(gè)鍵值對(duì)。使用 for…of 循環(huán)遍歷 map 對(duì)象的鍵、值或鍵值對(duì)集合,這些集合可通過(guò) keys()、values() 和 entries() 方法獲取。
如何遍歷 Map 對(duì)象
Map 對(duì)象是一種數(shù)據(jù)結(jié)構(gòu),它存儲(chǔ)鍵值對(duì)。在 JavaScript 中,可以使用以下方法遍歷 Map 對(duì)象:
1. forEach() 方法
forEach() 方法接受一個(gè)回調(diào)函數(shù)作為參數(shù),該函數(shù)將對(duì) Map 對(duì)象中的每個(gè)鍵值對(duì)執(zhí)行。
const myMap = new Map([['a', 1], ['b', 2]]); myMap.forEach((value, key) => { console.log(`Key: ${key}, Value: ${value}`); });
登錄后復(fù)制
輸出:
Key: a, Value: 1 Key: b, Value: 2
登錄后復(fù)制登錄后復(fù)制
2. for…of 循環(huán)
for…of 循環(huán)可以遍歷一個(gè)可迭代對(duì)象,包括 Map 對(duì)象。
const myMap = new Map([['a', 1], ['b', 2]]); for (const kv of myMap) { console.log(`Key: ${kv[0]}, Value: ${kv[1]}`); }
登錄后復(fù)制
輸出:
Key: a, Value: 1 Key: b, Value: 2
登錄后復(fù)制登錄后復(fù)制
3. keys()、values() 和 entries() 方法
這些方法返回可迭代的 Map 對(duì)象鍵、值或鍵值對(duì)的集合。然后可以使用 for…of 循環(huán)或 forEach() 方法進(jìn)行遍歷。
const myMap = new Map([['a', 1], ['b', 2]]); // 獲取鍵的集合 for (const key of myMap.keys()) { console.log(`Key: ${key}`); } // 獲取值的集合 for (const value of myMap.values()) { console.log(`Value: ${value}`); } // 獲取鍵值對(duì)的集合 for (const kv of myMap.entries()) { console.log(`Key: ${kv[0]}, Value: ${kv[1]}`); }
登錄后復(fù)制
輸出:
Key: a Key: b Value: 1 Value: 2 Key: a, Value: 1 Key: b, Value: 2
登錄后復(fù)制