Skip to content
javascript

How to find an object in an Array of objects in JavaScript

Oct 28, 2022Abhishek EH3 Min Read
How to find an object in an Array of objects in JavaScript

Do you want to find a record from an array of records using an identifier or a unique field? Do you want to filter out records matching a certain condition? We will explore all of them in this tutorial.

Consider the following array of employees:

1const employees = [
2 {
3 id: 1,
4 first_name: "Jonas",
5 last_name: "Baudasso",
6 email: "[email protected]",
7 gender: "Male",
8 department: "Support",
9 },
10 {
11 id: 2,
12 first_name: "Delcina",
13 last_name: "Baldelli",
14 email: "[email protected]",
15 gender: "Female",
16 department: "Engineering",
17 },
18 {
19 id: 3,
20 first_name: "Charlotta",
21 last_name: "Sodor",
22 email: "[email protected]",
23 gender: "Female",
24 department: "Human Resources",
25 },
26 {
27 id: 4,
28 first_name: "Scarface",
29 last_name: "Sandercock",
30 email: "[email protected]",
31 gender: "Male",
32 department: "Support",
33 },
34 {
35 id: 5,
36 first_name: "Rob",
37 last_name: "Beurich",
38 email: "[email protected]",
39 gender: "Male",
40 department: "Engineering",
41 },
42]

We will use the above list in our examples.

Finding the index of the object

We can use the findIndex method to get the index of the first matching record.

1const index = employees.findIndex(employee => {
2 // Function gets called for each employee until the function returns true
3 if (employee.id === 3) {
4 return true
5 }
6 return false
7})
8
9console.log(index) // 👉 2
10
11const employee = employees[index]
12
13console.log(employee?.first_name) //👉 Charlotta

We can simplify the findIndex function callback to a single line:

1const index = employees.findIndex(employee => employee.id === 3)

If we pass an id that does not exist, the findIndex function will return -1.

Finding the object directly

We can use the find method to get the object directly without finding the index explicitly.

1const employee = employees.find(employee => employee.id === 3)
2
3console.log(employee?.first_name) //👉 Charlotta

If the employee is not found, the find method will return undefined.

Finding using a unique key

It is not necessary that we always need to use an id to find the object. We can use other unique fields like email as well:

1const employee = employees.find(
2 employee => employee.email === "[email protected]"
3)
4console.log(employee?.first_name) // 👉 Rob

If you check for a non-unique in the condition, then it will return the first matching record.

Finding all the records which match the condition

If you want to filter all the records matching a certain condition, then you can use the filter method as shown below:

1const engineers = employees.filter(
2 employee => employee.department === "Engineering"
3)
4console.log(engineers.length) // 👉 2

The filter function returns an array of objects with matching records. If there are no matching records, then it returns an empty array.

If you have liked article, do follow me on twitter to get more real time updates!

Leave a Comment

© 2022 CodingDeft.Com