How to use array filter for both parent and child values in angular 11

Question

I have array object i need to use some condition for fetch the data.

this.knowledgeData = [
    {
        "id": 3,
        "name": "Education",
        "isOtherCategory": 0,
        "isKnowledgeSkills": false,
        "isMyInterest": false,
        "isParentKnowledgeSkills": true,
        "isParentMyInterest": false,
        "subCategories": [
            {
                "id": 96,
                "categoryId": 3,
                "name": "Careers",
                "isOtherSubCategory": 0,
                "isKnowledgeSkills": false,
                "isMyInterest": false
            },
            {
                "id": 97,
                "categoryId": 3,
                "name": "General",
                "isOtherSubCategory": 0,
                "isKnowledgeSkills": true,
                "isMyInterest": false
            },
            {
                "id": 92,
                "categoryId": 3,
                "name": "Home Schooling",
                "isOtherSubCategory": 0,
                "isKnowledgeSkills": true,
                "isMyInterest": false
            },
        ]
    }
]

Have used filter option to find the datas with satisfied conditions..

this.knowledgeData = this.knowledgeData.filter((x)=>{
          if(x.isParentKnowledgeSkills ===true && x?.subCategories?.isKnowledgeSkills ===true){
            return true
          }
        })

Its return empty... I need to find the data only the parent and child value return true

result should be like following

this.knowledgeData = [
    {
        "id": 3,
        "name": "Education",
        "isOtherCategory": 0,
        "isKnowledgeSkills": false,
        "isMyInterest": false,
        "isParentKnowledgeSkills": true,
        "isParentMyInterest": false,
        "subCategories": [
            {
                "id": 97,
                "categoryId": 3,
                "name": "General",
                "isOtherSubCategory": 0,
                "isKnowledgeSkills": true,
                "isMyInterest": false
            },
            {
                "id": 92,
                "categoryId": 3,
                "name": "Home Schooling",
                "isOtherSubCategory": 0,
                "isKnowledgeSkills": true,
                "isMyInterest": false
            },
        ]
    }
]

which means output should return the object which is having isKnowledgeSkills is true in child array subCategories

property isKnowledgeSkills does not exist on x.subCategories, because x.subCategories is an Array. It is property of elements of this Array, not the Array itself. Having said that, it is unclear what filter condition you are after - if there is a subcategory with isKnowledgeSkills === true, or if all subcategories must have isKnowledgeSkills === true, or some other condition — Lesiak
– Lesiak, Commented May 20, 2021 at 7:44
Adding desired output to the question would help to understand it. — Lesiak
– Lesiak, Commented May 20, 2021 at 8:21
In this above array object I need to fetch the data which is having isKnowledgeSkills true — manikandan
– manikandan, Commented May 20, 2021 at 8:25
I need to apply the filter option for both parent and child objects — manikandan
– manikandan, Commented May 20, 2021 at 8:26

Lesiak · Accepted Answer · 2021-05-20 08:46:16Z

3

I would go with the following:

const filtered = knowledgeData.filter(p => p.isParentKnowledgeSkills)
    .map(p => ({
        ...p,
        subCategories: p.subCategories.filter(s => s.isKnowledgeSkills)
    }));

first filter out parent data with isParentKnowledgeSkills
secondly, filter out child data

Playground link

answered May 20, 2021 at 8:46

Lesiak

26.5k2 gold badges54 silver badges79 bronze badges

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

Comments

Onur Özkır · Accepted Answer · 2021-05-20 07:38:38Z

1

change your if condition

if(x.isParentKnowledgeSkills === true 
      && ( x.subCategories.filter((y) => y.isKnowledgeSkills ===true).length )){
            return true
          }

answered May 20, 2021 at 7:38

Onur Özkır

5453 silver badges13 bronze badges

1 Comment

manikandan Over a year ago

I need to fetch the data which is having isKnowledgeSkills true

manikandan · Accepted Answer · 2021-05-20 08:44:40Z

0

I have found the answer...

this.knowledgeData = this.knowledgeData.map((i)=>{
          i.subCategories = i.subCategories.filter((x)=> x.isKnowledgeSkills === true)
          return i;
        })

answered May 20, 2021 at 8:44

manikandan

8132 gold badges11 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to use array filter for both parent and child values in angular 11

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related