2023年10月30日 星期一

透過 Object.fromEntries() 將 Map 快速複製到 Object

 透過 Object.fromEntries() 將 Map 快速複製到 Object

前言

  在之前的 [ developer.mozilla.org ] Map 介紹過 Map ,最近發現 Object.fromEntries() 可以快速複製內容到 Object ,在此把學習的過程做個紀錄。


內容

  Map 的儲存結構很像 Object ,透過瀏覽的方式來複製也不是不可以,只是最近發現可以透過 Object.fromEntries() 來複製,範例如下

let map = new Map([
  ['z','aa'] , 
  [12,'bb'] , 
  ['abc',13] , 
  [1234,5678] 
]);
//
let obj = Object.fromEntries( map );
console.log( obj );
// [object Object] {
//   12: "bb",
//   1234: 5678,
//   abc: 13,
//   z: "aa"
// }
//
let obj1 = Object.assign( { a : 1} , Object.fromEntries( map ) );
console.log( obj1 );
// [object Object] {
//   12: "bb",
//   1234: 5678,
//   a: 1,
//   abc: 13,
//   z: "aa"
// }


Object.fromEntries() 只要把要 Copy 的 Map 當參數就可以得到 Copy 的結果,要複製到 Object ,可以透過 Object.assign() 來複製,如範例的 obj1 。


參考資料

[ developer.mozilla.org ] Map

[ developer.mozilla.org ] Object.fromEntries()


相關文章與資料

關於 JavaScript 的 Map

沒有留言:

張貼留言