JavaScriptでネストしたJSONの値でfilterして必要なものだけを取得したい

Question

下記のJSONから、「siteB」でfilterした場合、item[0]とitem[2]とitem[3]の要素だけを取りたい

{
    "item": [
        {
            "site": [
                {"title": "siteB",}
            ],
            "title": "オレンジ",
        },
        {
            "site": [
                {"title": "siteA",},
                {"title": "siteB",}
            ],
            "title": "リンゴ",
        },
        {
            "site": [
                {"title": "siteA",},
                {"title": "siteC",}
            ],
            "title": "バナナ",
        },
        {
            "site": [
                {"title": "siteC",},
                {"title": "siteB",}
            ],
            "title": "ピーチ",
        }
    ],
}

期待する結果

{
    "item": [
        {
            "site": [
                {"title": "siteB",}
            ],
            "title": "オレンジ",
        },
        {
            "site": [
                {"title": "siteA",},
                {"title": "siteB",}
            ],
            "title": "リンゴ",
        },
        {
            "site": [
                {"title": "siteC",},
                {"title": "siteB",}
            ],
            "title": "ピーチ",
        }
    ],
}

試したコード

item.filter(item => item.site.filter(site => site.title === 'siteB'))

所感

siteを挟みネストして更にその中でループを回して「siteB」を見つけないといけないのでどうしたものか、悩みあぐねております。些細なことでも何かお気づきのことがあれば回答やコメントを頂けましたら嬉しいです。何卒、宜しくお願い致します。

Answer 1

const result={"item":data.item.filter(x=>x.site.map(x=>x.title).includes('siteB'))};

Comments

[_u1]

ありがとうございます！まだ理解はできてませんが、期待通りに取得でしました。mapとincludesを再度、勉強してみます。ありがとうございます。