数组有 5 个对象，每个对象都有另外 5 个对象的数组属性。 我正在尝试使用 ID 查找对象的函数

Question

First of all, this is the JSON file which is used - https://ddragon.leagueoflegends.com/cdn/9.14.1/data/en_US/runesReforged.json

Currently I have this function that allows me to put a specific id as an argument and get one of the 5 main objects in that array:

findSummonerRune: (state) => (id) => {
    let rune = state.summonerRunes.find(rune => rune.id == id);

    return rune
}

So findSummonerRune(8100) returns the first object with "key": "Domination" property. However, if I try to find rune with id of 8112 , it doesn't work because that rune is a sub-rune which is found in the properties of rune with id of 8100 . More specifically, in the slots property.

Now I understand why my function doesn't work, it's made to find which one of the main 5 objects has a property id == id, however, I'm just not sure how to also loop through their array property slots to look for the other runes as well.

Answer 1

personally, if you want to return the item from slots , I'd flatten my list once upfront:

state.flattenedRunes = state.summonerRunes.reduce((acc, rune) => 
                         acc.concat([rune], rune.slots.reduce((a, r) => a.concat(r.runes), [])), []);

and I'd just search that list instead

if you want to actually return the main object that contains the item in its slots , then do this to also check the sub arrays on your find.

let rune = state.summonerRunes.find(rune => rune.id == id || rune.slots.find(slot => slot.runes.find(r => r.id == id)));