[JS] Nested array of objects

[argon007]

Hallo,

Ik ben geen programmeur maar ben wel op ontdekking... :-)

Ik heb volgende Array of Objects:

JavaScript:

let db = [
    {
        who: 'jan',
        family: []
    },
    {
        who: 'piet',
        family: []
    },
    {
        who: 'pol',
        family: [{gender: "male" , name: "dirk"}, {gender: "female" , name: "iris"}]
    }
]

Ik zou graag deze array of objects filteren op naam en hun familieleden zien verschijnen op het scherm. Ik filter bijvoorbeeld op de naam "pol"

JavaScript:

let found = db.find(e => e.who === "pol")
if (found !== undefined) {
    console.log(found.family)
} else { 
    console.log("Didn't found the name")
}

Het resultaat is:

JavaScript:

[
  { gender: 'male', name: 'dirk' },
  { gender: 'female', name: 'iris' }
]

Een volgende stap die ik graag zou willen bekomen is filteren op "pol" EN enkel de "female" personen tonen. Het resultaat dat ik dus verwacht te zien is: "iris".

Hoe kan ik dit bekomen?

Alvast bedankt!

[Juup]

Opnieuw een `find` doen op je `found` variabele?

[Woy]

Je hebt in principe alle onderdelen al. Je weet hoe find werkt, dat moet je alleen nog toepassen op de gevonden "found.family"

Daarnaast wil je waarschijnlijk meer dan 1 resultaat kunnen hebben, dan kun je kijken naar de Filter functie. Die doet ongeveer hetzelfde als find, maar geeft weer een array terug

[ Voor 52% gewijzigd door Woy op 17-09-2021 14:42 ]

[argon007]

Haha, cool! :-)

JavaScript:

let found = db.find(e => e.who === "pol")
if (found !== undefined) {
    let filter = found.family.find(e => e.gender === "male")
    console.log(filter.name)
} else { 
    console.log("Didn't found the name")
}

geeft mij inderdaad: "dirk"

Is er een mogelijkheid om dit in 1 IF / commando te krijgen zodat ik onmiddellijk kan filteren op "pol" EN "male"? Of is dit onmogelijk?

[ocwil]

Zoiets zou je het kunnen filteren in 1 functie, heb het alleen even uitgezocht omdat ik het zelf ook niet wist

JavaScript:

db.filter(function(obj) {
  if(obj.who === "pol"){
    found = obj.family.filter(e => e.gender === "male");
  }
});

console.log(found);

EDIT *disclaimer*: Mijn kennis van Js is niet groot dus er kunnen best wat problemen nog zijn met deze code als er bijvoorbeeld meerdere "pol" items in de data zitten en hoe de performance is bij grotere arrays bijvoorbeeld.

[ Voor 28% gewijzigd door ocwil op 17-09-2021 15:34 ]

[Daos]

argon007 schreef op vrijdag 17 september 2021 @ 14:53:
Is er een mogelijkheid om dit in 1 IF / commando te krijgen zodat ik onmiddellijk kan filteren op "pol" EN "male"?

Je kan het op 1 regel proppen met twee relatief nieuwe operators: de ?. en ??

JavaScript:

console.log(db.find(e => e.who === "pol")?.family.find(e => e.gender === "male")?.name ?? "Didn't find the name");

Maar het is geen probleem als je meerdere regels gebruikt. Soms is dat beter leesbaar en verdient het de voorkeur boven 1 lange ingewikkelde regel.

[Guillome]

Dit wil je echt niet in 1 regel doen Het zijn 2 losse zoekacties. Losse regels houdt het logischer en leesbaarder

[Woy]

Op zich kun je het prima in een enkel statement doen ( Ik zou het alsnog over meerdere regels doen voor leesbaarheid ).

JavaScript:

let persons = db.filter( rec => rec.who == "name" )
                .map( rec => rec.family.filter( person => person.gender == "male" ));

Met de eerste filter filter je de records, daarna doe je een map om een projectie te maken naar het resultaat dat je wil hebben. Die projectie is dan een gefilterd resultaat van de family property.

Projectie van array elementen met de map function.

[ Voor 13% gewijzigd door Woy op 20-09-2021 15:29 ]

[Guillome]

Dat is chaining en dat is prima

[argon007]

Bedankt aan allen!