【JavaScript】filterとincludesで配列のデータを抽出

【JavaScript】filterとincludesで配列のデータを抽出:

２つの配列の要素を比較

JavaScriptで２つの配列を比較して、他方の配列に含まれる要素のみを抽出したい場面があり、

同じような内容の記事が見当たらなかったので書きました。

おことわり

forを使った場合との比較を書いたりすると親切なんでしょうが

自分の備忘用なので超サラっと書いてます。あしからず。

環境

node v11.6.0

やりたいこと

２つの配列alphabet, targetがあって、

var alphabet = [{id:1, name:'alpha'},  
                {id:2, name:'beta'}, 
                {id:3, name:'gamma'},  
                {id:4, name:'delta'}]; 
 
var target = [1, 4]; 

配列alphabetの中から、idの値がリストtargetの要素と一致するものだけを抽出したい。

（↓こんなアウトプットが欲しい。）

[ { id: 1, name: 'alpha' }, { id: 4, name: 'delta' } ] 

SQLならこんな感じ。

SELECT * FROM alphabet WHERE id in (target); 

使うもの

filterとindexOf includes。(※includesのほうが良いよとご指摘いただいたので修正)

さっそくコードを、

console.log( 
  alphabet.filter(x => target.includes(x.id)); 
) 

結果

[ { id: 1, name: 'alpha' }, { id: 4, name: 'delta' } ] 

はい出来上がり！