How to filter a JavaScript object based on child object [duplicate]

Question

I have an array of objects with an array that contains other objects. I'm trying to work out how I can filter the first objects based on data inside the array of second objects

[{
   object1Name: "test",
   secondaryObjects: [
    {
       second2Name: "test-again"
       data: "hello"
    },
    {
       second2Name: "Hello!"
       data: "remove based on this"
    }
   ]
},
{
  another object...
}]

I want to filter the first array by checking if any objects contain a secondary object with the data "hello". If they have a secondary object with that data it then filters out the object1

const filteredField = data.filter((entry) => {
            return entry.secondaryObjects[0].second2Name.includes('hello')
        })

When I use this, I have it working but it only checks the first index of secondary objects but if it's in index 1 it does not work.

Just use some (i.e., return entry.secondaryObjects.some((so) => so.second2Name.includes("hello"));) — Heretic Monkey
– Heretic Monkey, Commented Nov 29, 2022 at 20:22
If you think about it, this is just a multi-step filter. You use some because you don't care about the array being returned from the inner filter, rather you just care that it isn't empty and can therefore stop looking sooner. — user400654
– user400654, Commented Nov 29, 2022 at 20:25
I see so does I was trying to .map through it and wasnt understanding why it was working but that makes more sense now! didnt realise .some was a function — Jack Duffy
– Jack Duffy, Commented Nov 29, 2022 at 20:29

Asraf · Accepted Answer · 2022-11-29 20:26:53Z

1

You were close, you just need to check any inner object contains your desire data by using .some()

const data = [{ object1Name: "test", secondaryObjects: [{ second2Name: "Hello!", data: "remove based on this" }, { second2Name: "hello", data: "hello" } ] }, { object1Name: "test", secondaryObjects: [{ second2Name: "test-again", data: "test...." }] } ];
const filtered = data.filter(item => item.secondaryObjects.some(it => it.second2Name === "hello"));
console.log(filtered);

answered Nov 29, 2022 at 20:26

Asraf

1,3695 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

flq · Accepted Answer · 2022-11-29 20:22:21Z

1

You need to look into all secondary objects then. Some will do that for you:

const filteredField = 
  data.filter(entry => entry.secondaryObjects
    .some(o => o.second2Name.includes('hello'))

answered Nov 29, 2022 at 20:22

flq

23k9 gold badges63 silver badges83 bronze badges

Collectives™ on Stack Overflow

How to filter a JavaScript object based on child object [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related