了解しました!
ここでは、JavaScriptの Map
⇔ Object
間の変換を、双方向(Map → Object、Object → Map)で行うシンプルな具体例を示し、1行ずつ丁寧に文法・変数含めて解説します。
map-object-conversion.js
// Mapを作成(キーと値のペアを保持)
const myMap = new Map();
const は定数宣言(再代入不可)
myMap
はMap型の変数名
new Map()
は新しいMapインスタンスを作成
// Mapにキーと値を追加する
myMap.set('name', 'Taro');
myMap.set('age', 25);
myMap.set('job', 'Engineer');
set() は Map にキーと値の組を追加するメソッド
キーは
'name'
,'age'
,'job'
、値はそれぞれ'Taro'
,25
,'Engineer'
// MapをObjectに変換する
const objFromMap = Object.fromEntries(myMap);
Object.fromEntries() は「[キー, 値]の配列からオブジェクトを作成するメソッド」
Mapは内部的に
[key, value]
のペアなので、そのまま使える
objFromMap
は普通のオブジェクト({ name: 'Taro', age: 25, job: 'Engineer' })
// 変換結果を表示
console.log(objFromMap);
console.log() はオブジェクトの中身を出力
{ name: 'Taro', age: 25, job: 'Engineer' }