Get the index of an Object in an Array in JavaScript

Get the index of an Object in an Array #

To find the index of an object in an array, by a specific property:

1. Call the findIndex method on the array.
2. Check if the each object has a property with a specific value.
3. The findIndex method will return the index of the first matching object.

Copied!
const arr = [{id: 'a'}, {id: 'b'}, {id: 'c'}];

const index = arr.findIndex(object => {
  return object.id === 'b';
});

console.log(index); // 👉️ 1

The function we passed to the Array.findIndex method gets called with each element in the array until it returns a truthy value or iterates over all elements in the array.

On each invocation of the callback function, we check if the object's property is equal to a specific value and return either true or false.

If the function we pass to the findIndex() method never returns a truthy value, the method returns -1.

To find the index of an object in an array, by a specific property:

1. Use the map() method to iterate over the array, returning only the value of the relevant property.
2. Call the indexOf() method on the returned from map array.
3. The indexOf method returns the index of the first occurrence of a value in an array.

Copied!
const arr = [{id: 'a'}, {id: 'b'}, {id: 'c'}];

const index = arr.map(object => object.id).indexOf('c');

console.log(index); // 👉️ 2

We use the Array.map method to get an array of the relevant values.

Copied!
const arr = [{id: 'a'}, {id: 'b'}, {id: 'c'}];

const values = arr.map(object => object.id)
console.log(values) // 👉️ ['a', 'b', 'c']

Then we call the Array.indexOf method on the array to get the index of the specific value.

If the indexOf method doesn't find an element with the passed in value, it returns -1, just like the findIndex method.

This solution is definitely not as elegant and direct as the findIndex one. However, it gets the job done if you have to support Internet Explorer.

Further Reading #

• Update an Object's Property in Array of Objects in JS
• Filter an Array of Objects based on a property - JavaScript
• Check if Array Contains an Object in JavaScript
• Get an Object's Key by its Value using JavaScript
• Get Difference between two Arrays of Objects in JavaScript
• Convert an Array of Objects to a Map in JavaScript
• How to Initialize an Array of Objects in JavaScript
• Remove Property from all Objects in Array in JavaScript