Filtering Nested Array with Javascript or Lodash

Question

I am trying to filter the projects that only contain "isFavorite": true.

temp1 = {
  "Name": "Toronto",
  "Area": [ 
    {
      "Title": "Roofing",
      "Details": {
        "Reports": 52,
        "Projects": [ 
          {
            "Name": "ITEM A",
            "isFavorite": true
          }, 
          {
            "Name": "ITEM B",
            "isFavorite": false
          }, 
          {
            "Name": "ITEM C",
            "isFavorite": true
          } 
        ]
      }
    } 
  ]
}

I tried using lodash filter function but the array returns everything.

_.filter(temp1, {Area: [{Projects: [{isFavorite: true}] }]});

I tried using regular javascript but still doesn't return only the projects that are "isFavorite": true

this.branchSummaries.filter(d => d.Area.some(p => p.Projects.some(f => f.isFavorite === true)));

Joseph · Accepted Answer · 2020-07-06 18:48:33Z

2

you need first to loop through the Areas after that filter projects in each Area it would be like this

 let data =  {
      "Name": "Toronto",
      "Area": [
        {
          "Title": "Roofing",
          "Details": {
            "Reports": 52,
            "Projects": [
              {
                "Name": "ITEM A",
                "isFavorite": true
              },
              {
                "Name": "ITEM B",
                "isFavorite": false
              },
              {
                "Name": "ITEM C",
                "isFavorite": true
              }
            ]
          }
        }
      ]
    }

data.Area.forEach(area => {
  area.Details.Projects = area.Details.Projects.filter(project => project.isFavorite)
})
console.log(data)

answered Jul 6, 2020 at 18:48

Joseph

6,3273 gold badges24 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

Filtering Nested Array with Javascript or Lodash

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related