JS: オブジェクト配列同士の値の比較

Question

困っているわけではありませんが、他の方法もあるのであればご教授いただきたくての質問です。

二つのオブジェクト配列を比較して「同じ値」をもっているデータだけ抜き出し新たなオブジェクト配列を作成する方法をご存知の方いますでしょうか？

下記のやり方で、出来ているのですが、もっとスマートなやり方はないものかと考え中です。

他の方のやり方は考えなどを参考にしたいので「自分ならこうする！」ぐらいの軽い気持ちでお答えいただけますと幸いです。

const objA = [
  { name: "Taro", age: 18 },
  { name: "Hanko", age: 20 },
  { name: "Jiro", age: 30 }
];

const objB = [
  { name: "Suzuki", age: 20 },
  { name: "Yamada", age: 20 },
  { name: "Tanaka", age: 30 },
  { name: "Oguri", age: 31 }
];

// objAからageだけの配列を作成
const agesByObjA = objA.map((obj) => obj.age);

// objB.ageの値が、agesByObjAに含まれるものだけを抽出、含まれていない場合[]が返る
const notSameAges = objB.filter((obj) => agesByObjA.includes(obj.age) && obj);
console.log(notSameAges);

Comments

[miyabi_pudding]

ほしい結果の配列は記載したままの方がよいかと。
ほしい形がわかった方が、回答得られやすいと思いますので。

[goro]

なるほど。その方がイメージしやすいですね。

下記の配列が欲しい結果です。

[
{ name: "Suzuki", age: 20 },
{ name: "Yamada", age: 20 },
{ name: "Tanaka", age: 30 },
];

Answer 1

個人的には今のコードで十分な気もします。
見通しがよくなるように

const notSameAges = objB.filter(new Function('obj', 'return [' + objA.map((obj) => obj.age).toString() + '].includes(obj.age);'));

と思ったんですけど、関数を文字列でつくるのが面倒ですね。(汗

Answer 2

そのコードでも良いと思います。殆ど変わりませんが、私なら Set を使います。

const objA = [
  { name: "Taro", age: 18 },
  { name: "Hanko", age: 20 },
  { name: "Jiro", age: 30 }
];

const objB = [
  { name: "Suzuki", age: 20 },
  { name: "Yamada", age: 20 },
  { name: "Tanaka", age: 30 },
  { name: "Oguri", age: 31 }
];

const st = new Set();
objA.forEach(obj => st.add(obj.age));
const ret = objB.filter(obj => st.has(obj.age));
console.log(ret);

Answer 3

const notSameAges = objB.filter(obj => objA.some(objAinner => objAinner.age == obj.age) && obj);
console.log(notSameAges);

someメソッド使えばよいかと。
someメソッドは、配列を走査し、どれか一つでも真になれば、走査を終了、論理値を返します。
事前に値だけの配列を用意する必要はありません。

Comments

[goro]

一番スマートなやり方だと感じたのでベストアンサーに選ばさせていただきました。