Javascript: Remove an element from an array of objects

Question

I have an array of objects:

var items = [{ id: 1, text: "test1" }, { id: 2, text: "test2" }, { id: 3, text: "test3"}];

I have the following object:

var itemToRemove = { id: 2, text: "test2" };

I want to check by id if itemToRemove exists in the items array.

And remove it:

  // pseudo code
  items.remove(itemToRemove);

I went through javascript array methods but found nothing that will do the job. Thanks!

Possible duplicate of How to remove item from array by value? — pscl
– pscl, Commented Dec 14, 2017 at 0:37
Possible duplicate of How do I remove a particular element from an array in JavaScript? — Aluan Haddad
– Aluan Haddad, Commented Apr 11, 2018 at 5:44

Aadit M Shah · Accepted Answer · 2013-09-23 11:50:20Z

2

Use filter:

items.filter(function (item) {
    return item.id !== 2 || item.text !== "text2";
});

It's generally not a good idea to mutate the original array or else I would recommend Sirko's answer. The filter method produces a whole new array. It doesn't mutate the original array.

answered Sep 23, 2013 at 11:50

Aadit M Shah

74.5k31 gold badges177 silver badges311 bronze badges

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

2 Comments

Robusto Over a year ago

+1, but this won't work in crappy (i.e., IE < 9) browsers. You'd have to use some kind of a shim to add the filter method to the Array object.

Aadit M Shah Over a year ago

@Robusto

if (![].filter) Array.prototype.filter = function (callback, that) { var index = 0, length = this.length, list = []; while (index < length) { var item = this[index]; if (callback.call(that, item, index++, this)) list.push(item); } return list; };

Sirko · Accepted Answer · 2013-09-23 11:48:47Z

1

Traverse the array by using a plain loop and then remove the matching item by using splice():

for( var i=0; i<items.length; i++ ) {
  if( items[i].id == itemToRemove.id ) {
    items.splice( i, 1 );  // remove the item
    break; // finish the loop, as we already found the item
  }
}

answered Sep 23, 2013 at 11:48

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

Collectives™ on Stack Overflow

Javascript: Remove an element from an array of objects

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related