How do i remove an object in my case

Question

I am trying to remove an object based on the obj id.

I have something like

var array =[];
var id =3;

array [
   {
    id:'1',
    title:'test'
   },
   {
    id:'2',
    title:'tes2'
   },
   {
    id:'3',
    title:'tes3'
   }
]

How do I remove the object based on the id 3. thanks!

nominating for reopening - although `Array.prototype.filter` is still in use, finding an element vs. removing an element are different operations. — Paul Roub, Jul 03 '14 at 20:51

Paul Roub · Accepted Answer · 2014-07-03T20:54:52.147

3

Use filter():

array = array.filter( 
          function( item ) {
            return item.id != id;
          }
        );

Or, to modify the array in place:

for ( i = 0; i < array.length; ++i )
{
  if (array[i].id == id)
  {
    array.splice(i, 1);
    break;
  }
}

edited Jul 03 '14 at 20:54

answered Jul 03 '14 at 20:48

Paul Roub

36,322
27
84
93

3

That's not removing the array; that's returning a new array without that item. Although it works, it would be slower and consume way more memory than needed. – Derek 朕會功夫 Jul 03 '14 at 20:50
True. Added a modify-in-place version. – Paul Roub Jul 03 '14 at 20:55
1

Coming in ES6: `var idx = array.findIndex(obj => obj.id === 3); if (idx !== -1) array.splice(idx, 1);` – cookie monster Jul 03 '14 at 21:04

score 0 · Answer 2 · answered Jul 03 '14 at 21:03

As an alternative to the previously-posted answer, if you, or your users, are using an up-to-date browser, then the following is available:

function removeByPropertyEquals(haystack, needleProp, needleVal) {
    haystack.forEach(function (obj, index) {
        if (obj[needleProp] === needleVal) {
            return index;
        }
    });
    return -1;
}

var id = 3,
    array = [{
        id: '1',
        title: 'test'
    }, {
        id: '2',
        title: 'tes2'
    }, {
        id: '3',
        title: 'tes3'
    }];

console.log( array );

array.splice(removeByPropertyEquals(array, 'id', '3'), 1);

console.log( array );

JS Fiddle demo.

References:

How do i remove an object in my case

2 Answers2