JavaScript Map Object 使い方

updated Oct 7, 2021created Oct 7, 2021
js
// 作成 let users = new Map(); // 1つずつセット users.set('1', { name: 'A', age: 19 }); users.set('2', { name: 'B', age: 18 }); users.set('3', { name: 'C', age: 20 }); console.log(users) // Map(3) {'1' => {…}, '2' => {…}, '3' => {…}} // sizeの取得 console.log(users.size); // 3 // keys()でループ for (let key of users.keys()) { console.log(key) // 1 ... } // values()でループ for (let value of users.values()) { console.log(value) // {name: 'A', age: 19} ... } // 一括作成 let userIds = new Map([[ "1", "A" ], ["2", "B"], [ "3", "C" ]]); // Map(3) {'1' => 'A', '2' => 'B', '3' => 'C'} // userIdsからvalue取得 for (let key of userIds.keys()) { // 要素の取得 console.log(users.get(key)); // {name: 'A', age: 19} ... } // keyをまとめる console.log(Array.from(users.keys())); //  ['1', '2', '3'] // valueをまとめる console.log(Array.from(users.values())); //  [{…}, {…}, {…}]
  • キーオーダー
  • キーと値のペアを頻繁に追加および削除するシナリオでは、パフォーマンスが向上します。

Map - JavaScript | MDN