Removing an object from an array using one value [duplicate]

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); — Tushar
– Tushar, Commented Jul 5, 2016 at 13:57

Mohit Bhardwaj · Accepted Answer · 2016-07-05 14:06:49Z

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 5, 2016 at 14:06

answered Jul 5, 2016 at 13:59

Mohit Bhardwaj

10.1k7 gold badges41 silver badges66 bronze badges

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

2 Comments

webdeb Over a year ago

array.filter is the way to go

dedaumiersmith Over a year ago

Works great. Thank you!

MrFabio · Accepted Answer · 2016-07-05 13:59:27Z

2

You can use JQuery's grep

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

answered Jul 5, 2016 at 13:59

MrFabio

6162 gold badges16 silver badges31 bronze badges

1 Comment

dedaumiersmith Over a year ago

This also works perfectly. Thanks!

Prashant G · Accepted Answer · 2016-07-05 19:12:41Z

0

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;
  });
}

edited Jul 5, 2016 at 19:12

answered Jul 5, 2016 at 14:02

Prashant G

4,9303 gold badges38 silver badges47 bronze badges

Collectives™ on Stack Overflow

Removing an object from an array using one value [duplicate]

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Related