JavaScriptでオブジェクトのオブジェクトを「オブジェクトの配列を持つオブジェクト」に変換する方法

JavaScriptでは、キーごとにオブジェクトが格納された「オブジェクトのオブジェクト」を、各値が配列（中身は1つのオブジェクト）になっている形式へ変換できます。この変換には、Object.fromEntries() を map() と組み合わせて使うのが効果的です。

変換の仕組み

まず Object.entries() を使って元のオブジェクトを「[キー, 値] のペア」からなる配列に変換します。次に map() で各値を配列でラップし、最後に Object.fromEntries() でペアの配列を再びオブジェクトへ戻す、という流れになります。

コード例

const studentDetails = {
    'details1': {Name: "John", CountryName: "US"},
    'details2': {Name: "David", CountryName: "AUS"},
    'details3': {Name: "Bob", CountryName: "UK"},
};
console.log(
    Object.fromEntries(Object.entries(studentDetails).map(([key,
    value]) => [key, [value]]))
);

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo45.js としています。

実行結果

実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo45.js
{
    details1: [ { Name: 'John', CountryName: 'US' } ],
    details2: [ { Name: 'David', CountryName: 'AUS' } ],
    details3: [ { Name: 'Bob', CountryName: 'UK' } ]
}

このように、details1・details2・details3 の各プロパティの値が、単一のオブジェクトを含む配列に変換されていることが確認できます。データ構造を統一したい場合や、後続の処理で配列操作を行いたい場合などに便利なテクニックです。