how to filter array of objects present in nested array in javascript

Question

I would like to know how to remove the status deleted in children key in a nested array of objects, in javascript, below code returns cannot return filter of undefined error, I have obj, children key should contain only status Active;

var obj = [
  {id:1, label: "sample", children: [{id: 0, status: "Active", name: "xyz"}, {id: 1, status: "Deleted", name: "abc"}]}
  {id:2, label: "example"},
  {id:3, label: "details", children: [{id:1, status: "Active", name: "finance"}]}
]

var result = removeDeleted(obj);

function removeDeleted(obj){
   if (obj.length > 0) {
    var list= obj.map(e => {
      e.children = e.children.map(child => {
        child.children = child.children.filter(c => 
          c['status'] !== "Deleted"       
        );
        return child
      });
      return e
    });
     return list;
  } 
}

Expected Output:
[
  {id:1, label: "sample", children: [{id: 0, status: "Active", name: "xyz"}]}
  {id:2, label: "example"},
  {id:3, label: "details", children: [{id:1, status: "Active", name: "finance"}]}
]

There is a case children may not exists for you in some objects of the array so just check with if condition before filter and map also. — Harmandeep Singh Kalsi
– Harmandeep Singh Kalsi, Commented May 26, 2020 at 4:40

Mamun · Accepted Answer · 2020-05-26 05:12:41Z

1

You can try the following way:

var obj = [
  {id:1, label: "sample", children: [{id: 0, status: "Active", name: "xyz"}, {id: 1, status: "Deleted", name: "abc"}]},
  {id:2, label: "example"},
  {id:3, label: "details", children: [{id:1, status: "Active", name: "finance"}]}
]

var result = removeDeleted(obj);
console.log(result);
function removeDeleted(obj){
   return obj.map(i => {
     if(i.children){
        var c = i.children.filter(j => j.status != 'Deleted');
        return {id: i.id, label:i.label, children:c};
      }
     else return i;
   });
}

answered May 26, 2020 at 5:12

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

Comments

Rajneesh · Accepted Answer · 2020-05-26 06:28:20Z

0

If you have multiple properties, its better to destructure it.

var obj = [ {id:1, label: "sample", children: [{id: 0, status: "Active", name: "xyz"}, {id: 1, status: "Deleted", name: "abc"}]}, {id:2, label: "example"}, {id:3, label: "details", children: [{id:1, status: "Active", name: "finance"}]}];

var result = obj.map(({children, ...rest})=>{
    if(children) children = children.filter(({status})=>status=='Active');
    if(children) return {...rest, children};
    return rest
});

console.log(result);

answered May 26, 2020 at 6:28

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to filter array of objects present in nested array in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related