Removing an object from an array using one value

Question

Possibly a very obvious question from a beginner:

If I have the following array...

var arr = 
  [
    {id: 1, item: "something", description: "something something"},
    {id: 2, item: "something else", description: "something different"},
    {id: 3, item: "something more", description: "more than something"}
  ]

... and wanted to delete a specific object within it by calling on the id (in this case by clicking on an div given the corresponding id)...

var thisItem = $(this).attr("id");

... could I do this without using a for loop to match arr[i] and thisItem? And if so, how? I'm going to have a big array so running a for-loop seems very heavy handed.

Thanks!

For latest browsers [`arr.splice(arr.findIndex(o => o.id === 2), 1);`](https://jsfiddle.net/54mLn6m3/) — Tushar, Jul 05 '16 at 13:57

Mohit Bhardwaj · Answer 1 · 2016-07-05T14:06:49.217

4

You can use Array.filter for filtering any array. This method takes a filtering function as its argument and runs it on every element of the original array. If the return value of this function is false, that element is filtered out of the new array that is returned. Original array is not affected.

var arr = 
  [
    {id: 1, item: "something", description: "something something"},
    {id: 2, item: "something else", description: "something different"},
    {id: 3, item: "something more", description: "more than something"}
  ];

function filterArray( id ){
  return arr.filter(function(item){
    return item.id != id;
  });//filter
}//filterArray()

console.log( filterArray(2) );

edited Jul 05 '16 at 14:06

answered Jul 05 '16 at 13:59

Mohit Bhardwaj

9,650
3
37
64

`array.filter` is the way to go – webdeb Jul 05 '16 at 14:03
Works great. Thank you! – dedaumiersmith Jul 05 '16 at 15:26

score 2 · Accepted Answer · answered Jul 05 '16 at 13:59

2

You can use JQuery's grep

arr = jQuery.grep(arr, function(value) {
  return value.id != id;
});

answered Jul 05 '16 at 13:59

MrFabio

586
2
15
31

This also works perfectly. Thanks! – dedaumiersmith Jul 05 '16 at 15:27

Prashant Ghimire · Answer 3 · 2016-07-05T19:12:41.490

Plain JS Solution:

var arr = [{
  id: 1,
  item: "something",
  description: "something something"
}, {
  id: 2,
  item: "something else",
  description: "something different"
}, {
  id: 3,
  item: "something more",
  description: "more than something"
}];

var filtered = filterArrayByElemId(arr, 2);
console.log(filtered);

function filterArrayByElemId(arr, id) {
  return arr.filter(function(item) {
    return item.id != id;
  });
}

Removing an object from an array using one value

3 Answers3