[Javascript] filter関数 オブジェクトデータから動的に特定の値のデータを抽出したい

Question

要件定義

①オブジェクトデータの用意

let objData = data['data'];
console.log(objData);

0: {id: '1', title: 'タイトル' }
1: {id: '2', title: 'タイトル' }
2: {id: '3', title: 'タイトル' }

②ローカルストレージにあらかじめ入れておいたデータを呼び出す

const favorites = localStorage.getItem("favorite_article");
const favObj = JSON.parse(favorites);
const favObjDataId = favObj.map(value => {
    return Number(value);
});
console.log(favObjDataId);

[2, 3]

※ここではid部分のみをローカルストレージに保存しています

③全体のオブジェクトデータから（①）、ローカルストレージに保存したIDのみのデータを抽出する

const filterObjData = objData.filter(function(value) {
    return value["id"] === "2" || value["id"] === "3";
});

※静的に埋め込めば特定のデータのみ抽出することは実現できています

今、静的に埋め込んであるところ（value["id"] === "2" || value["id"] === "3"）を動的にするにはどういうロジックで実現できるかわかりません。

Answer 1

こんなかんじとか。

const filterKeys = [ "2", "3" ];
const filterObjData = objData.filter(function(value) {
    return filterKeys.some( x => value["id"] === x );
});

【Array.prototype.some() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/some

Comments

[DaisukeMori]

ありがとうございます。[ "2", "3" ]部分をfavObjDataId変数に置き換えて、
favObjDataId内、Numberにしていたものを取ったら無事、要件通りに動きました。