How to find and remove object from array in javascript?

Hi Friends 👋,

Welcome To Infinitbility! ❤️

Today, I’m going to show you how do I find and remove objects from the array, here I will use the javascript findIndex() method and some conditions to find the exact object in the array, and the splice() method to remove a specific element from an array using an element index value.

• The findIndex() method returns the index of the first element in the array that satisfies the provided testing function. Otherwise, it returns -1, indicating that no element passed the test.

• The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place. To access part of an array without modifying it, see slice().

Well, let’s start today’s topic How to find and remove the object from an array in javascript?

Before going to code we have below things.

First, we have any object property value which we will use to find objects in an array.

The second is an array of objects 😆.

Okay, let’s plan what we are going to do in code.

1. Create a sample array of objects variable.
2. To get index, use findIndex() method
3. write condition to get the index of the desired object
4. remove an element from an array using the index value

// Create sample array of objects variable.
const domains = [
  {id: 1, name: "infinitbility", domain: "infinitbility.com"},
  {id: 2, name: "aGuideHub", domain: "aguidehub.com"},
  {id: 1, name: "SortoutCode", domain: "sortoutcode.com"},
];

// To get index, use `findIndex()` method
// write condition to get index of desire object
let index = domains.findIndex(e => e.id == 2);

console.log("index", index);
// Expected 'index' 1

// remove element from array using index value
domains.splice(index, 1)

console.log("domains", domains);
/* 'domains' [
  {id: 1, name: "infinitbility", domain: "infinitbility.com"},
  {id: 1, name: "SortoutCode", domain: "sortoutcode.com"},
]
*/

In the above example, I’m using the object id property to get desired object index from the array, you can use any property which unique.

Here, as per expectation, it should show

'domains' [
  {id: 1, name: "infinitbility", domain: "infinitbility.com"},
  {id: 1, name: "SortoutCode", domain: "sortoutcode.com"},
]

let’s check the output.

I hope it’s help you, All the best 👍.