JavaScriptで作りたい配列の形にできません...。

Question

いつもお世話になっております。

JavaScriptの上級者の方であれば簡単だと思うのですが、
以下の変数aに格納している配列の中から、変数bに一致するidのものを取得して
変数cの形にする方法が全くわかりません…。

map/filter/some/reduce など色々調べてみたのですが、
いまいちピンと来ず、途方に暮れております。

もしわかる方がいらっしゃればご教授いただけると幸いです。

const a = [
  {
		"id": "1",
		"name": "政治"
	},
	{
		"id": "2",
		"name": "スポーツ"
	},
  {
		"id": "3",
		"name": "科学"
	}
]

const b = [
  "1",
  "3"
]

const c = [
  {
		"id": "1",
		"name": "政治"
	},
  {
		"id": "3",
		"name": "科学"
	}
]

Comments

[Zuishin]

filter でできませんか？

[matsuo_basho]

ご回答ありがとうございます。
いま以下の記事を参考に試しています...。

https://www.sejuku.net/blog/21887

[Zuishin]

sejuku は素人が書いてるので参考にしない方がいいと思います。

https://www.google.com/search?q=%E4%BE%8D%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2+%E3%81%B2%E3%81%A9%E3%81%84

filter と includes を使えばできるので、それらの使い方を調べてみてください。組み合わせた完成品を探すのではなく、部品の使い方を熟知して自分で組み合わせるのがプログラミングのコツです。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

[matsuo_basho]

ご丁寧にありがとうございます！！
頑張ってみます！！

[miyabi_pudding]

もし、解決したなら、自己解決の投稿をして、質問を閉じましょう。

解決に至らなければ、
Zuishinさんのコメントを見てやってみてもわからなかった部分などを、質問本文に追記お願いします。

Answer 1

以下でできました！
Zuishinさん、miyabi_takatsukさん早速回答いただき誠にありがとうございました！！

const a = [
	{
		"id"   : "1",
		"name" : "政治"
	},
	{
		"id"   : "2",
		"name" : "スポーツ"
	},
	{
		"id"   : "3",
		"name" : "科学"
	}
]

const b = [
	"1",
	"3"
]

const c = a.filter(x => {
	
	return b.includes(x.id)
	
})

console.log(c);

// [ { id: '1', name: '政治' }, { id: '3', name: '科学' } ]