關於 JavaScript 的 Map 瀏覽

前言

  在先前的 關於 JavaScript 的 Set 瀏覽 介紹了 Set 的瀏覽，這次來介紹 Map 的瀏覽，在此把學習的過程做個紀錄。

內容

  範例如下

let valueMap = new Map( [ 
  ['z','aa'] , 
  [12,'bb'] , 
  ['abc',13] , 
  [1234,5678] 
] );
//use Map.entries()
for( const [ key , value ] of valueMap.entries() )
  console.log( `key:${ key } value:${ value }`);
// "key:z value:aa"
// "key:12 value:bb"
// "key:abc value:13"
// "key:1234 value:5678"

//use Map.keys()
for( const key of valueMap.keys() )
  console.log( `key:${ key }`);
// "key:z"
// "key:12"
// "key:abc"
// "key:1234"

//use Map.values()
for( const value of valueMap.values() )
  console.log( `value:${ value }`);
// "value:aa"
// "value:bb"
// "value:13"
// "value:5678"

瀏覽的方法一樣是透過 entries() 、 keys() 與 values() ，不過這次不會像 Set 一樣發生 key 與 value 是一樣的問題，因為這樣也正好反映了 Map 的特性。

參考資料

[ developer.mozilla.org ] Map

相關文章與資料

關於 JavaScript 的 Set 瀏覽