【JavaScript】配列操作

Question

やりたいこと

以下のような2つのjsonがあるとき、json1.object_dataの中に、json2.object_data.data_idが一致するものが含まれていれば更新したいです。

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

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

この時、json1にはdata_id = '2'のオブジェクトが含まれているので、以下のように更新したいです。

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

ご教授お願い致します。

Answer 1

findIndexでdata_idが同じobject_dataがないかを探索して、あったら上書きすればよいのではないでしょうか。

let json1 = { object_id: '1',
  object_data:
   [ { data_id: '1',
　　　　data_type: 'A' },
      { data_id: '2',
　　　　data_type: 'B'}
   ],
  created_at: '2021-03-25',
  created_by: '太郎' };

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

json2.object_data.forEach((d2) => {
  // json1.object_dataの中でidが一致するものがあればインデックスを取得
  const targetIndex = json1.object_data.findIndex((d1) => d1.data_id === d2.data_id);
  // 取得できていればインデックスは0以上になる
  if(targetIndex >= 0) {
    // 上書き
    json1.object_data[targetIndex] = d2;
  }
});

console.log(json1);

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

Comments

[west_side_park]

早速のご回答ありがとうございます。
参考にしてソースを修正してみました。

ただ、今回 let json1 = ~ のようにソース内で定義していないためか、
"error=TypeError: Cannot read property 'forEach' of undefined"　となってしまいます。
console.log(typeof(json1))のように見てみると、objectとなっているので、
そのためかと思われます。

この場合、オブジェクトを配列に変えるというような処理が必要になりますでしょうか？

[west_side_park]

すみません、自分の修正したソースが間違っていました。
ご回答いただいた方法で実現することができました。ありがとうございます！