Array.find() - get the very first element satisfy a condition Javascript

javascript Share on :

Array.find() in javascript can be used to get the very first element that satisfies one or multiple conditions enclosed in a function.

const numbers = [50, 60, 70, 80];
const element = numbers.find(num => num > 50);
console.log(element);
// -> 60

In the code snippet, We have an array named numbers that contains multiple integer values. We are trying to find the array element that has a value greater than 50. We are using the .find() method of javascript Array and applying the condition inside the function.

Live Demo

Example 1: Get first element from array if it contains a value

const names = ["Rick Grimes", "John Snow", "Carol", "Misshone"];

//Using ES syntax
const name_snow = names.find(name => name.indexOf("Snow") != -1);
console.log(name_snow);
// -> John Snow

// Using function
const name_snow_2 = names.find(function(name) {
    return name.indexOf("rol") != -1
});
console.log(name_snow_2);
// -> Carol

In this code example, we are getting the very first item that has a value in an array value. We have created an array named names that contains multiple values. Using names.find() method we are getting the array item that contains a value on condition-based.

Example 2: Get object from array that has specific value for a property

const subjects = [
    {"name": "Math", "score": 85},
    { "name": "Physics", "score": 90 },
    { "name": "Chemistry", "score": 95 }
];

const subject = subjects.find(sub => sub.score > 90);
console.log(subject);
// -> { "name": "Chemistry", "score": 95 }

Here, we are getting an object whose property has a specific value. We have created an object subjects that contains multiple objects with keys name and score. We are getting the very first object that has score value greater than 90 using subjects.find().

Contribute to this Snippet

Was this helpful?

Created by :

@

Write your Comment

0 Comments

Similar code snippets

Create your own code snippets and search them using our portal and chrome extension

Programming Feeds

Learn something new everyday on Devsheet

Important Links

Join Devsheet Create new snippet Ask a Question Write an article Online JSON Viewer