JavaScriptの配列の要素内のマップ配列の指定した要素と合致する要素だけ抽出したい

Question

以下のような配列がある場合、
配列favorite内のidが103の要素を持つusersの要素を抽出するにはどうすれば良いのでしょうか。
filterメソッドを使ったりしてみたのですが、抽出できなかったので教えていただきたいです。
よろしくお願いいたします。

const users = [
  { id: 101, name: 'Alice', favorite: [{id:102,index:1},{id:103,index:2}] },
  { id: 102, name: 'Bob', favorite: [{id:103,index:1}]},
  { id: 103, name: 'Charlie', favorite: [{id:101,index:1}] }
]

const users2 = users.filter((fav)=>fav.favorite.id === 103)

Answer 1

filter内でさらにfavoriteに対してfindを実行してはどうでしょう？

const users = [
  { id: 101, name: 'Alice', favorite: [{id:102,index:1},{id:103,index:2}] },
  { id: 102, name: 'Bob', favorite: [{id:103,index:1}]},
  { id: 103, name: 'Charlie', favorite: [{id:101,index:1}] }
]

const users2 = users.filter((fav)=> fav.favorite.find((f) => f.id === 103));

Answer 2

filter内でfavorite配列に走査をかけましょう。

const arr = users.filter(user => user.favorite.some(item => item.id === 103));

Comments

[gnuuu_07]

期待通りの結果を得ることができました。
ありがとうございます。