How to delete an object from the nested Array using underscore JS

Question

I have nested array's and need to delete the object based on condition.

Array:

grouplist: [
    {
        name: "one",
        optionlist: [
            {
                optionitem: "green"
            },
            {
                optionitem: "red"
            }
        ]
    },
    {
        name: "two",
        optionlist: [
            {
                optionitem: "yellow"
            },
            {
                optionitem: "red"
            },
            {
                optionitem: "blue"
            }
        ]
    },
    {
        name: "three",
        optionlist: [
            {
                optionitem: "green"
            }
        ]
    },
    {
        name: "four",
        optionlist: [
            {
                optionitem: "blue"
            },
            {
                optionitem: "red"
            }
        ]
    }
];

If the optionItem color is green, then I need to remove it completely from my array object.

This is what I have tried.

var returnedData = _.filter(grouplist, function(n) { 
    return _.some(n.optionlist, function(option){ 
        return option.optionitem!= "green";
    });
});

duncanhall · Accepted Answer · 2015-11-19 11:04:32Z

2

var returnedData = _.filter(grouplist, function(n){ 
  var containsGreen = _.some(n.optionlist, function(option){ 
    return option.optionitem === "green";
  })
  return !containsGreen;
});

answered Nov 19, 2015 at 11:04

duncanhall

11.5k6 gold badges61 silver badges95 bronze badges

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

Comments

Praveen Prasannan · Accepted Answer · 2015-11-20 04:03:06Z

1

var returnedData = _.reject(grouplist, function(n){ 
  return _.some(n.optionlist, function(option){ 
    return option.optionitem === "green";
  });
});

answered Nov 20, 2015 at 4:03

Praveen Prasannan

7,15310 gold badges53 silver badges71 bronze badges

Comments

Andy · Accepted Answer · 2015-11-20 11:05:42Z

0

The problem with filter or _.filter is that you're creating a new array. If you want to simply remove an object from the existing array without creating a new one, here's a simple vanilla JS way of doing that in the same number of lines of code:

for (var i = 0, l = grouplist.length; i < l; i++) {
  var foundGreen = grouplist[i].optionlist.some(function (el) {
      return el.optionitem === 'green'; 
  });
  if (foundGreen) grouplist.splice(i, 1); i--; l--;
}

DEMO

edited Nov 20, 2015 at 11:05

answered Nov 19, 2015 at 11:24

Andy

63.7k13 gold badges72 silver badges99 bronze badges

1 Comment

Gruff Bunny Over a year ago

It's not a good idea to remove items from an array when iterating over it from first to last (example 1) as items move in the array and will be ignored e.g. if you add 'green' to the second item in the array then the array will still contain that item. When removing items you can iterate from last to first and that will work.

Collectives™ on Stack Overflow

How to delete an object from the nested Array using underscore JS

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related