【Javascript】2つのJSONを見て、同じ配列があった時にまとめる方法

Question

実現したいこと

Node,jsを使ったシステムの改修作業を担当することになりました。
大まかな流れは以下になります。

1. object_id をキーにして、DBに登録されているjson1を取り出す
2. 共通のobject_idを持ち、object_dataの中身が違うjson2があるので、json1に追記したい

例)

{ object_id: '1',
  object_data:
   [ { data_id: '1',
　　　　data_type: 'A'
       enabled: true } ],
  created_at: '2021-03-25',
  created_by: '太郎' }

{ object_id: '1',
  object_data:
   [ { data_id: '2',
　　　　data_type: 'B'
       enabled: true } ],
  created_at: '2021-03-25',
  created_by: '太郎' }

↓ 期待する実行結果

{ object_id: '1',
  object_data:
   [ { data_id: '1',
　　　　data_type: 'A'
       enabled: true },
　　　{ data_id: '2',
　　　　data_type: 'B'
       enabled: true } 
 ],
  created_at: '2021-03-25',
  created_by: '太郎',
  updated_at: '2021-03-26',
  updated_by: '次郎' }

現状のプログラム

現状の仕様は、json1が持つobject_dataは１つのオブジェクトしか無い前提なので、
中身の違うデータが送られてくると、上書きされるようになっています。
しかし、今回の改修で、複数のオブジェクトを持つようにしたいということで今回の質問をしました。

Object.assign(json1, json2);

↓ 実行

{ object_id: '1',
  object_data:
   [ { data_id: '2',　　←json2のデータで上書きされる
　　　　data_type: 'B'
       enabled: true } 
 ],
  created_at: '2021-03-25',
  created_by: '太郎',
  updated_at: '2021-03-26',
  updated_by: '次郎' }

試したこと

同じデータが送られた時はこれまで通りで、違うデータが来た時にjson1に追加

    const aJSON = JSON.stringify(json1.object_data);
    const bJSON = JSON.stringify(json2.object_data);
    if (aJSON === bJSON){
      Object.assign(json1, json2);
    } else {
      json1.object_data.push(json2.object_data);
    }

↓ 実行結果

{ object_id: '1',
  object_data:
   [ { data_id: '1',
　　　　data_type: 'A'
       enabled: true },
　　　[{ data_id: '2',
　　　　data_type: 'B'
       enabled: true } ]
   ]
 ],
  created_at: '2021-03-25',
  created_by: '太郎',
  updated_at: '2021-03-26',
  updated_by: '次郎' }

このように、配列の中にさらに配列が追加されるという形で出力されてしまいます。

もう一点問題なのは、aJSON === bJSONとしたとき、
例えば期待通り以下の状態のデータが保持できているとき

  object_data:
   [ { data_id: '1',
　　　　data_type: 'A'
       enabled: true },
　　　{ data_id: '2',
　　　　data_type: 'B'
       enabled: true } 
 　],

json3として以下のデータが来た時に、aJSON !== bJSONとなってしまう点です。

  object_data:
   [ { data_id: '1',
　　　　data_type: 'A'
       enabled: true }
 　],

json1に含まれていないdata_idが来た時だけ、連結するという動きにする必要があります。
mapやreduceを使えば解決できるのかもしれないのですが、
実務未経験で初めてjavascriptを触っている状態なので、qiitaなどを参考にしても理解が追い付いていません。

ご教授、お願い致します。

Answer 1

このように、配列の中にさらに配列が追加されるという形で出力されてしまいます。

json1.object_data.push(json2.object_data);というコードを実行すればそうなります。
json2.object_data は配列ですから json1.object_data の末尾にそれを追加すれば、当然配列の中にさらに配列が追加されます。

おそらくあなたが求めているのは、配列を結合するconcatメソッドではないでしょうか？

[1, 2, 3].concat( [4, 5, 6] )  //  [1, 2, 3, 4, 5, 6]

Comments

[west_side_park]

ご回答ありがとうございます。
json1.object_data.push(json2.object_data);を、
json1.object_data.concat(json2.object_data);に置き換えて実行してみました。

結果としては、json1.object_dataに変化がないという状態でした。
VSCodeを使っていまして、
「pu」と打てば予測変換で「push」が出るのですが、
「concat」は予測変換で出てこず、concatの文字にハイライトがついているので、
何かしらの原因でconcatが動いていないのだと思います。

試しに以下のsampleファイルを作成したら、こちらはconcatで期待通りの値が出ました。
const json1 = {
object_id: '1',
object_data:
[{
data_id: '1',
data_type: 'A',
enabled: true
}],
created_at: '2021-03-25',
created_by: '太郎'
}

const json2 = {
object_id: '1',
object_data:
[{
data_id: '2',
data_type: 'B',
enabled: true
}],
created_at: '2021-03-25',
created_by: '太郎'
}

const result = json1.object_data.concat(json2.object_data);
console.log(result);

[west_side_park]

上記、concatが動かない件についてはまだ原因が不明なのですが、

json1.object_data.push(...json2.object_data);
とすることで、期待していた値をとることができました。

配列に配列を追加しているから～という指摘をいただけたので思いつきました。
ありがとうございます。

Answer 2

ku__ra__ge　さんから頂いた回答をもとに解決しました。

回答で頂いたconcatがなぜか実行できないという点は解消していないのですが、

json1.object_data.push(...json2.object_data);

とすることで、スプレッド構文を使って配列の中身をpushするという手段を使いました。
配列に配列をpushしているというミスに気付けて良かったです。