Filter array of objects inside another array in JS

Question

Javascript. Have a structure like this, array of objects, that have array of items inside each

[
  {
    "title": "Venom",
    "items": [
      {
        "title": "Venom title",
        "active": true
      },
      {
        "title": "Venom2",
        "active": false
      }
    ]
  },
  {
    "title": "Video",
    "items": []
  },
  {
    "title": "Button",
    "items": [
      {
        "title": "Button page",
        "active": true
      }
    ]
  }
]

I want to exclude items with active: false property inside each element, so exclude element Venom2

{
   "title": "Venom2",
   "action": "venom2",
   "content": "qwertrete5t5t4t5",
   "active": false
}

from exists array.

I make it with forEach and accumulate array inside another, here it is

let menu = [];

v.forEach((section) => {
     menu.push({
         title: section.title,
         items: section.items.filter(item => item.active)
     })
});

Then I tried to make it more beautiful with double filter, but it's not working, it returns [], and i basically guess why...

let menu = v.filter((section) => {
    return (section.items.filter(item => item.active === true));
});

Perhaps there are more beautiful (may be with reduce) decision of my case?

adiga · Accepted Answer · 2019-01-17 08:17:36Z

1

Your forEach should work fine. The only improvement I can see is to use map and destructuring. So that, you can directly assign it to menu like this:

const v = [{title:"Venom",items:[{title:"Venom title",active:true},{title:"Venom2",active:false}]},{title:"Video",items:[]},{title:"Button",items:[{title:"Button page",active:true}]}];

let menu = v.map(({title, items}) => ({title, items: items.filter(i => i.active)}))
console.log(menu)

edited Jan 17, 2019 at 8:17

answered Jan 17, 2019 at 8:05

adiga

35.4k9 gold badges65 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Filter array of objects inside another array in JS

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