【Javascript】配列の操作(追加、更新)

Question

実現したいこと

大まかな流れは以下になります。

1. object_id をキーにして、DBに登録されているjson1を取り出す
2. 共通のobject_idを持つjson2のobject_data.data_idがjson1にあれば配列を更新したい
3. 共通のobject_idを持つjson2の、object_data.data_idがjson1に無ければ追加したい

例１）　object_data.data_idがある時

{ 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: '太郎' }

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

↓ 期待する実行結果

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

例２）　object_data.data_idが無い時

{ 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: '太郎' }

{ object_id: '1',
  object_data:
   [ { data_id: '3',
　　　　data_type: 'C'
       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 },
     { data_id: '3',
　　　　data_type: 'C'
       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: '太郎' }

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

    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 },
     { data_id: '1',
　　　　data_type: 'C'
       enabled: false }
   ]
 ],
  created_at: '2021-03-25',
  created_by: '太郎'}

このように、object_id = 1を更新したいところが、追加になります。
aJSON === bJSONとしているのでそうなってしまうことは分かるのですが、
どのようにすれば、json1に含まれていないdata_idが来た時だけ、連結するという動きにできるでしょうか。

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

Answer 1

一度配列をまとめてから、重複しているものを削除してみる対応でいかがでしょうか？

参考リンク: https://keizokuma.com/js-array-all-exists/

//配列要素を1つにまとめる
var arrsCon = arr1.concat(arr2).concat(arr3);

//配列内の重複を削除
var arrsUnique = arrs.filter(function (x, i, self) {
	return self.indexOf(x) === i;
});
console.log(arrsUnique);

Comments

[west_side_park]

ご連絡遅くなり申し訳ありません。
回答ありがとうございます。
頂いたリンクを参考に、

json1.object_data.push(...json2.object_data);
json1.object_data.filter(function (x, i , self) {
return self.indexOf(x) === i;
});
としてみたのですが、重複しているデータがそのまま配列に結合されてしまいました。
もう少し調べてみようと思います。