如何根据多个嵌套条件过滤 object？

Question

I've got the following object and I'm trying to filter and return players from both groups based on multiple criteria such as "show me all players where franchise = Marvel, and power= flight" but I'm getting hung up in multiple levels of filtering.

I was looking at this answer but it doesn't seem to fit my scenario: JavaScript - Filter object based on multiple values

I can get results if I iterate over the groups but there are potentially lots of groups and I didn't want to get hung up in that. Is that the best way, though?

oPlayers.players.groups.filter(function(hero){return hero.Id == 1}) 

oPlayers = {
    "players": {
        "groups": [
            {
                "Id": 1,
                "hero": [
                    {
                        "Id": 1,
                        "name": "Batman",
                        "franchise": "DC", 
                        "gender": "Male", 
                        "powers": [{"power":"stealth"},{"power":"intelligence"},{"power":"weaponry"}]
                    },                  
                    {
                        "Id": 2,
                        "name": "Ironman",
                        "franchise": "Marvel", 
                        "gender": "Male", 
                        "powers": [{"power":"flight"},{"power":"intelligence"},{"power":"weaponry"}]
                    },          
                    {
                        "Id": 3,
                        "name": "Supergirl",
                        "franchise": "DC", 
                        "gender": "Female", 
                        "powers": [{"power":"flight"},{"power":"strength"},{"power":"speed"}]
                    },                  
                    {
                        "Id": 4,
                        "name": "Valkyrie",
                        "franchise": "Marvel", 
                        "gender": "Female", 
                        "powers": [{"power":"flight"},{"power":"intelligence"},{"power":"strength"}]
                    }           
                ]
            },
            {
                "Id": 2,
                "hero": [
                    {
                        "Id": 1,
                        "name": "Batwoman",
                        "franchise": "DC", 
                        "gender": "Female", 
                        "powers": [{"power":"stealth"},{"power":"intelligence"},{"power":"weaponry"}]
                    },                  
                    {
                        "Id": 2,
                        "name": "IronPepper",
                        "franchise": "Marvel", 
                        "gender": "Female", 
                        "powers": [{"power":"flight"},{"power":"intelligence"},{"power":"weaponry"}]
                    },              
                    {
                        "Id": 3,
                        "name": "Superman",
                        "franchise": "DC", 
                        "gender": "Male", 
                        "powers": [{"power":"flight"},{"power":"strength"},{"power":"speed"}]
                    },                  
                    {
                        "Id": 4,
                        "name": "Thor",
                        "franchise": "Marvel", 
                        "gender": "Male", 
                        "powers": [{"power":"flight"},{"power":"intelligence"},{"power":"strength"}]
                    }
                ]
            }
        ]
    }
}       

Answer 1

You can first use flatMap to get a single list of all players. Then, given that your criteria is specified as an object, you can filter players based on whether every property specified in criteria matches properties of a player:

 function filter(players, criteria) { return players.players.groups.flatMap(({Id, hero}) => hero.filter(p => Object.entries(criteria).every(([k, v]) => { if (k === 'power') return p.powers.some(({power}) => power === v); return p[k] === v; })).map(p => ({groupId: Id, ...p}))); } const oPlayers = { "players": { "groups": [{ "Id": 1, "hero": [{ "Id": 1, "name": "Batman", "franchise": "DC", "gender": "Male", "powers": [{ "power": "stealth" }, { "power": "intelligence" }, { "power": "weaponry" }] }, { "Id": 2, "name": "Ironman", "franchise": "Marvel", "gender": "Male", "powers": [{ "power": "flight" }, { "power": "intelligence" }, { "power": "weaponry" }] }, { "Id": 3, "name": "Supergirl", "franchise": "DC", "gender": "Female", "powers": [{ "power": "flight" }, { "power": "strength" }, { "power": "speed" }] }, { "Id": 4, "name": "Valkyrie", "franchise": "Marvel", "gender": "Female", "powers": [{ "power": "flight" }, { "power": "intelligence" }, { "power": "strength" }] } ] }, { "Id": 2, "hero": [{ "Id": 1, "name": "Batwoman", "franchise": "DC", "gender": "Female", "powers": [{ "power": "stealth" }, { "power": "intelligence" }, { "power": "weaponry" }] }, { "Id": 2, "name": "IronPepper", "franchise": "Marvel", "gender": "Female", "powers": [{ "power": "flight" }, { "power": "intelligence" }, { "power": "weaponry" }] }, { "Id": 3, "name": "Superman", "franchise": "DC", "gender": "Male", "powers": [{ "power": "flight" }, { "power": "strength" }, { "power": "speed" }] }, { "Id": 4, "name": "Thor", "franchise": "Marvel", "gender": "Male", "powers": [{ "power": "flight" }, { "power": "intelligence" }, { "power": "strength" }] } ] } ] } }; console.log(filter(oPlayers, {gender: 'Male', franchise: 'Marvel'})); console.log(filter(oPlayers, {gender: 'Female', power: 'flight'}));