Skip to main content

JavaScript Array find Method (Live Playground)

The find method in JavaScript is used to find the first element in an array that satisfies a provided testing function. If no elements pass the test, undefined is returned.

Here's an example:

let numbers = [5, 12, 8, 130, 44];

let found = numbers.find(function (element) {
return element > 10;
});

console.log(found);
// Expected output: 12

In this example, numbers.find(function(element) { return element > 10; }) returns the first element in numbers that is greater than 10. In this case, it is 12.

Live Playground, Try it Yourself

If we modify our function to search for a number greater than 200, the find method returns undefined:

let numbers = [5, 12, 8, 130, 44];

let found = numbers.find(function (element) {
return element > 200;
});

console.log(found);
// Expected output: undefined

In this code, numbers.find(function(element) { return element > 200; }) returns undefined because there are no elements in numbers that are greater than 200.

Live Playground, Try it Yourself

The find method is a convenient way to retrieve the first array element that passes a certain condition. It's useful when you need to locate a specific element in an array based on some criteria.

Remember to practice using the find method with your own examples!