Javascript: jsonのデータを配列と比較して該当するデータのみを抽出して結果を返したい

Question

実現したいこと

jsonのデータをフィルターしarrにある、数字に該当するidのデータだけ返す方法をしりたい。
filterでやろうとしたのですが、意図した処理に出来ずに困っています。

const arr = [1,3];
const obj = [
    {id: 1, quantity: 1, name: 'product1'},
    {id: 2, quantity: 3, name: 'product2'},
    {id: 3, quantity: 2, name: 'product3'},
    {id: 4, quantity: 4, name: 'product4'},
    ]
// => [{id: 1, quantity: 1, name: 'product1'}, {id: 3, quantity: 2, name: 'product3'}]

指摘について
試したことを記載し忘れてました。
すいませんでした。

試したこと

const res_arr = obj.filter(item => item.id == arr)
// うまく動かない...

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[akbr]

多分filterでやろうとしたっていう時のコードを質問文に追記した方がいいかもです！

Answer 1

const result=obj.filter(x=>arr.includes(x.id));
console.log(result);

Comments

[nanase21]

ご教示いただきありがとうございました。
includesメソッドがありましたか。
勉強になりました。

Answer 2

obj.filter(function(v) {
  return arr.indexOf(v.id) !== -1
});

こんなかんじでしょうか？

できれば

意図した処理に出来ずに困っています

の途中経過があると良かったと思います。

Comments

[nanase21]

ご教示いただきありがとうございました。
ご指摘を受けて試したコードを追記しました。

Answer 3

filterでやろうとしたのですが、意図した処理に出来ずに困っています。

過去のご質問と同様の処理で片付きます。

以前の回答でも利用されていたメソッド：

1. MDN：Array#filter
2. MDN：Array#includes

（それぞれ、「MDN filter」、「MDN includes」で検索）

console.log() を活用して、用法を確認することが大事になります。
「MDN console」で検索：MDN：console

const arr = [1, 3];
console.log( arr.includes(1) ); // 2. の動作確認 true
console.log( arr.includes(2) ); // 2. の動作確認 false

const rslt = obj.filter( item => {
  console.log( item, item.id ); // 1. の動作確認
  // => { id: , quantity: , name: }, id値
  return arr.includes( item.id );
});
// 最適化するなら
// obj.filter( item => arr.includes( item.id ) );
console.log( rslt );

この回答では、「MDNから説明ページの探し方」のコツを掴んでください。