本記事では、JavaScriptのMapをオブジェクトに、オブジェクトをMapに変換する方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
Mapをオブジェクトに変換する方法
Mapをオブジェクトに変換するには、Object.fromEntriesメソッドを使用します。引数にMapオブジェクトが代入されている変数を指定します。
let map = new Map([
["one", 1],
["two", 2],
["three", 3],
]);
let result = Object.fromEntries(map);
console.log(result); // => {one: 1, two: 2, three: 3}Object.fromEntriesメソッドとは？
Object.fromEntriesメソッドは、キーと値を受け取ります。受け取った情報からプロパティを持つ新しいオブジェクトを返します。
オブジェクトをMapに変換する方法
オブジェクトをMapに変換するには、Object.entriesメソッドを使用します。引数はMapに変換したいオブジェクトを指定します。
let obj = {
one: 1,
two: 2,
three: 3,
};
console.log(Object.entries(obj)); // => [['one', 1], ['two', 2], ['three', 3]]
let map = new Map(Object.entries(obj));
console.log(map); // => Map(3) {'one' => 1, 'two' => 2, 'three' => 3}Object.entriesメソッドを使用することで、Mapオブジェクトを作成する時に指定する[key,値]の形式に変換することが出来ます。それをnew Map()に渡してあげることによってMapオブジェクトを作成することが出来ます。
new Map(Object.entries(obj));
/* ↓のようにMapオブジェクトが作成される */
new Map([['one', 1], ['two', 2], ['three', 3]]);
