javascriptで配列と一致するオブジェクトをフィルタリングしたい。

前提

javascript の処理について教えてください。

実現したいこと

もしかしたら超基本的なことかもしれないですが
以下のようなオブジェクトと配列があり

const obj={100:{a:1},200:{a:2},300:{a:3}}
const arr=[100,200]

このarrを使って、最終的にフィルタリングした新しいオブジェクト
として、

const result ={100:{a:1},200:{a:2}}

とする処理を考えています。

試したこと

Object.keysやObject.filter など組み合わせてトライしていましたが
うまくいかない状況です。

お手間おかけしますが、教えていただけましたら幸いです。

CodePenにてテストしております。

よろしくお願いいたします。

行動規範の内容に同意します

回答3件

こんな感じでしょうか：

javascript
1const result = Object.fromEntries(Object.entries(obj).filter(([key]) => arr.includes(+key)));

👉 https://codepen.io/su507/pen/rNvLoLd?editors=0012

もしくはlodash使ってよければ _.pickByで

javascript
1const result = _.pickBy(obj, (_, key) => arr.includes(+key));

👉 https://codepen.io/su507/pen/abGZPBR?editors=0012

投稿2022/09/12 09:45

編集2022/09/12 09:51

退会済みユーザー

総合スコア0

latte217

2022/09/12 10:14

su507様　回答ありがとうございます！　lodashについても勉強してみます！　Object.fromEntries　は使ったことがなかったので、非常に勉強になりました。　

退会済みユーザー

2022/09/12 12:31

今回の質問では、arr 側から拾っていったほうが簡単でしたね・・・とはいえ、あるオブジェクトを元にして、何らかの条件を満たすエントリ（プロパティ名と値のペア）だけを残したオブジェクトを作りたいとき、 Object.entries でエントリの配列にバラす → filter で何らかの条件に合うエントリだけ残す → 残ったエントリの配列からObject.fromEntries でオブジェクトを作る。というのはわりとよく使う手です。

latte217

2022/09/12 22:51

>Object.entries でエントリの配列にバラす >→ filter で何らかの条件に合うエントリだけ残す >→ 残ったエントリの配列からObject.fromEntries でオブジェクトを作る。知っているのと知らないのでは大きく差が出ますね！改めて勉強してよくおっしゃることがわかりました。ありがとうございます！

行動規範の内容に同意します

ベストアンサー

javascript
1const obj={100:{a:1},200:{a:2},300:{a:3}};
2const arr=[100,200];
3const result=arr.reduce((x,y)=>(x[y]=obj[y],x),{});
4console.log(result);

投稿2022/09/12 10:01

yambejp

総合スコア114960

latte217

2022/09/12 10:19

yambejp様　回答ありがとうございます。　reduceもトライしていたのですが、たどり着けなかったので　非常に勉強になりました。　同じ結果でもいくつものやり方があることを改めて、学びました。　引き続きよろしくお願いいたします。

行動規範の内容に同意します

JavaScript
1const obj={100:{a:1},200:{a:2},300:{a:3}}
2const arr=[100,200]
3const result = {};
4arr.map((a)=>{result[a] = obj[a]});
5console.log(result);