deleting a object of an Array based on property of the object

Question

I have an Array like this: var obj = [{x:4, y:5}, {x:6, y:2}, ...] and I'm trying to delete one of the inside objects (properties) based on the x.

this is How I'm trying to do this:

 obj.forEach(function (child){
    if(child.x === 4){
      obj.destroy(child)
    }
 });

But it's not working and i get

obj.destroy is not a funtion

I also tried obj.splice(child) but it just mess up the array. so what am doing wrong here? Also is there a better way to do this by not having to loop through all of Array property every time?

Your original object is invalid. Did you really try creating it in JavaScript? — 31piy, Aug 17 '18 at 14:55
Don't you mean "Delete object from objects array based on property" ? — Ellone, Aug 17 '18 at 14:59
Possible duplicate of https://stackoverflow.com/questions/15287865/remove-array-element-based-on-object-property — NicossB, Aug 17 '18 at 15:03

score 3 · Answer 1 · answered Aug 17 '18 at 15:01

3

You can just use filter on the array: e.g.

let arrayToFilter = [ {x:4, y:5}, {x:6, y:2}];
const valueToFilter = 4;

var filteredArray = arrayToFilter .filter((o) => {
    return o.x !== valueToFilter;
});

console.log(filteredArray);

answered Aug 17 '18 at 15:01

Terry Lennox

24,896
3
23
34

Mamun · Answer 2 · 2018-08-17T15:07:56.993

1

forEach() works on array.

If obj is an array, you can simply use filter() to remove the unwanted object from the array:

var obj = [{x:4, y:5}, {x:6, y:2}]

obj = obj.filter(c => c.x !== 4)
 
console.log(obj);

edited Aug 17 '18 at 15:07

answered Aug 17 '18 at 15:01

Mamun

62,450
9
45
52

score 0 · Answer 3 · answered Aug 17 '18 at 14:57

You perhaps, have an array as obj because the one you posted in the question is simply invalid syntax.

Moreover, you can use Array#findIndex to get the index of the matching element first, and then splice that index from the array.

var obj = [{x:4, y:5}, {x:6, y:2}];
var index = obj.findIndex(item => item.x === 4);
obj.splice(index, 1);

console.log(obj);

score -1 · Accepted Answer · edited Aug 18 '18 at 13:37

i'm assuming your trying to filter out objects in an array which have an x that matches a given value. If thats the case, you should probably use the filter method.

So assuming thats what you mean you could do the following

obj = obj.filter(function (child){
if(child.x !== 4){
  return obj
}
});
// shorter
obj = obj.filter( child => child.x !== 4 );

In this case, only the objects which do not have the value of 4 will be available to you in the obj variable. And all other objects (assuming there are no other references in your code) will be garbage collected.

deleting a object of an Array based on property of the object

4 Answers4