JavaScriptでオブジェクトの配列を1つのオブジェクトにフラット化する方法

JavaScriptでオブジェクトの配列を1つのオブジェクトへフラット化したい場合、オブジェクトの配列を唯一の引数として受け取る関数を作成します。この関数は、元のプロパティ名の末尾にインデックス番号を付加したキーを持つ、フラットな（階層構造のない）オブジェクトを返します。

計算量は O(mn) です。ここで、n は配列の要素数、m は各オブジェクトが持つプロパティの数を表します。一方、空間計算量は O(n) となり、これは実際の配列のサイズに依存します。

実装例

以下のコードでは、ノート情報を格納したオブジェクトの配列を用意し、それを1つのフラットなオブジェクトへ変換しています。

// オブジェクトの配列を1つのオブジェクトにフラット化するコード
// サンプル：オブジェクトの配列
const notes = [{
    title: 'Hello world',
    id: 1
}, {
    title: 'Grab a coffee',
    id: 2
}, {
    title: 'Start coding',
    id: 3
}, {
    title: 'Have lunch',
    id: 4
}, {
    title: 'Have dinner',
    id: 5
}, {
    title: 'Go to bed',
    id: 6
}];
const returnFlattenObject = (arr) => {
    const flatObject = {};
    for(let i=0; i<arr.length; i++){
        for(const property in arr[i]){
            flatObject[`${property}_${i}`] = arr[i][property];
        }
    };
    return flatObject;
}
console.log(returnFlattenObject(notes));

仕組みの解説

この関数の処理の流れは以下の通りです。

まず、結果を格納するための空のオブジェクト flatObject を作成します。次に、外側のループで配列の各要素（オブジェクト）を順番に取り出し、内側の for...in ループでそのオブジェクトが持つすべてのプロパティを走査します。各プロパティについては、テンプレートリテラルを使って「プロパティ名_インデックス番号」という形式の新しいキーを生成し、対応する値を flatObject に代入していきます。

これにより、たとえば配列の0番目にある title プロパティは title_0 というキーに変換され、すべてのデータが衝突なく1つのオブジェクトにまとめられます。

出力結果

コンソールへの出力は以下のようになります。

[object Object] {
    id_0: 1,
    id_1: 2,
    id_2: 3,
    id_3: 4,
    id_4: 5,
    id_5: 6,
    title_0: "Hello world",
    title_1: "Grab a coffee",
    title_2: "Start coding",
    title_3: "Have lunch",
    title_4: "Have dinner",
    title_5: "Go to bed"
}