node.js 2つの配列のなかのオブジェクトをIDプロパティが一致していればマージしたい

Question

下記のようなオブジェクトがあります。

const objArr1 = [
  {
    id: '1',
    name: 'nyaa',
  },
  {
    id: '2',
    name: 'myoon',
  },
];

const objArr2 = [
  {
    id: '1',
    kg: '20',
  },
  {
    id: '2',
    kg: '30',
  },
  {
    id: '3',
    kg: '100',
  },
];

オブジェクト内のIDが一致していれば、オブジェクトを合体させたいです。
下記のような結果を期待します。

const result = [
  { id: '1', name: 'nyaa', kg: '20' },
  { id: '2', name: 'myoon', kg: '30' }
]

考えた解決策は下記のコードですが、無駄が多いと思います……。
オブジェクトを2回mapで回してidが一致していたものを返し、それ以外はnullが返り、flat()してfilterでnullを消してます。
一応想定通りに動いています（nestしたときどうかは不明だが、nestしない予定なのでいまのところは良し）

const result = objArr1
  .map((obj) => {
    const obj3 = objArr2.map((obj2) => {
      if (obj.id === obj2.id) return { ...obj, ...obj2 };
      return;
    });
    return obj3;
  })
  .flat()
  .filter(Boolean);

もっときれいな解決法はないでしょうか。
なんらかのライブラリを使用しても大丈夫です（ramda.jsなど）。

Comments

[yambejp]

objArr1 とobjArr2 のおなじidがあるものだけ抜き出すのでしょうか？
それともobjArr1に対してobjArr2をidをつかって流し込むのでしょうか？

[KT333]

objArr1のIDとobjArr2のIDが一致しているとき
objArr1のプロパティとobjArr2のプロパティを持ったresultオブジェクトの配列を生成したいです。（id,name,kgを持った新オブジェクト）

Answer 1

与件をこのように解釈しました。

• objArr1 の各要素e1について、id が等しいものがobjArr2の中に(一つ以上)あれば、そのe1 を元にして作られたオブジェクトが、result の要素として追加される。
• あるe1を元にした要素がresult に追加される際には、そのe1.id と、objArr2の中でidが一致する、最も先頭に近い要素 e2 の内容とマージされたオブジェクトが追加される。
• あるe1について、id が等しいものがobjArr2の中に無い場合は、resultに追加されない。
• したがって、resultに追加されるオブジェクトのidと同じidのオブジェクトが objArr1 と objArr2 との両方に少なくとも一個以上ずつ存在する。

上記であるとして、以下でどうでしょう？

const result = objArr1.reduce((arr, e1) => {
  const e2 = objArr2.find(({ id }) => id === e1.id);
  return e2 ? [...arr, { ...e1, ...e2 }] : arr;
}, []);

???? codepen/tera: 366324

与件が微妙に違うとかあれば、コメントか質問への追記でお知らせください。

Comments

[KT333]

自分がどういう動作を求めているのかがよくわかりました。仕様の定義の大事さがよくわかりました。ありがとうございます。

Answer 2

objArr1とobjArr2両方に存在するidを抜き出し、filterしてはどうでしょうか？

const objArr1 = [
  { id: '1',name: 'nyaa'},
  { id: '2',name: 'myoon'},
  { id: '4',name: 'hogehoge'}, //objArr2に存在しないので無効
];

const objArr2 = [
  { id: '1', kg: '20' },
  { id: '2', kg: '30' },
  { id: '3', kg: '100'}, //objArr1に存在しないので無効
];
const ids=[...objArr1.map(x=>x.id)].filter(x=>[...objArr2.map(x=>x.id)].includes(x));
const result=ids.map(x=>({...objArr1.filter(y=>y.id==x)[0],...objArr2.filter(y=>y.id==x)[0]}));
console.log(result);

※各objArrの中に同じidが複数オブジェクトに出現しない前提

Comments

[KT333]

idを抜き出してのfilterは良さそうです！ ありがとうございます！