Remove a specific object from an object array, filtering by a key and value pair

Question

Is there any quick way to remove a specific object from an object array, filtering by a key and value pair, without specifying an index number?

For example, if there was an object array like so:

const arr = [
  { id: 1, name: 'apple' },
  { id: 2, name: 'banana' },
  { id: 3, name: 'cherry' },
  ...,
  { id: 30, name: 'grape' },
  ...,
  { id: 50, name: 'pineapple' }
]

How can you remove only the fruit which has the id: 30 without using its index number?

I have already figured out one way like the following code, but it looks like a roundabout way:

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

DecPK · Accepted Answer · 2021-01-21 10:29:22Z

3

with es6 standard, you can use the filter method

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

const arr = [
      { id: 1, name: 'apple' },
      { id: 2, name: 'banana' },
      { id: 3, name: 'cherry' },
      { id: 30, name: 'grape' },
      { id: 50, name: 'pineapple' }
    ];    
    // !== for strict checking
    console.log(arr.filter(e => e.id !== 30))

edited Jan 21, 2021 at 10:29

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

answered Jan 21, 2021 at 10:14

Oyeme

11.3k4 gold badges46 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

Remove a specific object from an object array, filtering by a key and value pair

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related