How to remove object in object array : jquery?

Question

i'm confused i was trying to remove object in object array using jquery here is my code , jsFiddle

var x = new Array() ; 
var y = {} ; 
y.name = 'myName' ; 
y.age = 28 ; 
y.phone = 27895556 ; 
y.info = [{name:'x' ,age:58} ,{name:'y' , age:15}]
x.push(y) ;

 $.each(x , function(index,value) {
        $.each(value.info , function(i,v){
            if(v.name == 'x'){
            this.splice(i,1) ; 
         }

      });
  });

i was trying to tell the if condition to remove the object with v.name = 'x' but i get this error Uncaught TypeError: Object # has no method 'splice'

UPDATE i need to have something like : y.info = [{name:'x' ,age:58} ,{name:'y' , age:15}] after splice()

any idea what i'm doing wrong Thanks

are you just trying to remove that object from y.info, i.e. leaving {name: y, age: 15 }, or do want to remove the entire object y from the array x ? — Alnitak
– Alnitak, Commented Aug 15, 2012 at 12:51

Alnitak · Accepted Answer · 2012-08-15 13:25:45Z

5

If you're just trying to remove the inner array element that contains the value {name: 'x'} then the array you want to splice is the value.info of the outer loop:

$.each(x, function(index, value) {
    $.each(value.info, function(i, v) {
        if (v.name === 'x') {
            value.info.splice(i, 1) ; 
        }
    });
});

However this code suffers from the problem that you shouldn't modify an array's length while iterating over it with $.each. This alternate code fixes that problem:

$.each(x, function(index, value) {
    var info = value.info;
    for (var i = 0; i < info.length; ) {
        if (info[i].name === 'x') {
            info.splice(i, 1);
        } else {
            ++i;
        }
    }
});

edited Aug 15, 2012 at 13:25

answered Aug 15, 2012 at 12:50

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

4 Comments

Mina Gabriel Over a year ago

i tried your answer and it give me this error Uncaught TypeError: Cannot read property 'name' of undefined don't know why jsFiddle

Ram Over a year ago

@MinaGabriel because after splicing the array in next iteration there is no object or name property at that index.

Mina Gabriel Over a year ago

i don't understand ? we removed {name:'x' ,age:58} from x.info i should now have y.info = [{name:'y' , age:15}] i don't even have array x

Alnitak Over a year ago

@MinaGabriel you do have an array x. However this code still doesn't work because it modifies the array while it's being iterated over.

Collectives™ on Stack Overflow

How to remove object in object array : jquery?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related