The find() method of the Array class in JavaScript returns the value of the first element in the array that satisfies the provided testing function. If no element satisfies the testing function, undefined is returned.
There are 2 variations for the syntax of Array.find() method. They are:
find(callbackFn)
Parameters
Parameter | Optional/Required | Description |
---|---|---|
callbackFn | required | A function to test each element in the array. It takes three arguments: element, index, and array. |
This method returns the value of the first element in the array that satisfies the provided testing function.
Returns value of type Any
.
find(callbackFn, thisArg)
Parameters
Parameter | Optional/Required | Description |
---|---|---|
callbackFn | required | A function to test each element in the array. It takes three arguments: element, index, and array. |
thisArg | optional | A value to use as this when executing callbackFn. |
This method returns the value of the first element in the array that satisfies the provided testing function, using thisArg as the value of this inside callbackFn.
Returns value of type Any
.
In JavaScript, we can use the find() method to find the first even number in an array.
For example,
const arr = [1, 3, 7, 8, 10];
const isEven = element => element % 2 === 0;
const firstEven = arr.find(isEven);
console.log(firstEven);
8
We can use the find() method to find the first string with length greater than 3 in an array.
For example,
const strArr = ['a', 'bc', 'def', 'ghij'];
const isLengthGreaterThanThree = element => element.length > 3;
const longString = strArr.find(isLengthGreaterThanThree);
console.log(longString);
ghij
We can use the find() method with a thisArg to find an element in an array using a specific context.
For example,
const arr = [5, 12, 8, 130, 44];
const context = { threshold: 10 };
function isGreaterThanThreshold(element) {
return element > this.threshold;
}
const foundElement = arr.find(isGreaterThanThreshold, context);
console.log(foundElement);
12
In this JavaScript tutorial, we learned about find() method of Array: the syntax and few working examples with output and detailed explanation for each example.