JavaScript Array find() Method - GeeksforGeeks

16 Nov, 2021
The arr.find() method in Javascript is used to get the value of the first element in the array that satisfies the provided condition. It checks all the elements of the array and whichever first element satisfies the condition is going to print. This function will not work function having the empty array elements, also does not change the original array.
Syntax:
array.find(function(currentValue, index, arr),thisValue);
Parameters: This method accepts 5 parameters as mentioned above and described below:
function: It is the function of the array that works on each element.
currentValue: This parameter holds the current element.
index: It is an optional parameter that holds the index of the current element.
arr: It is an optional parameter that holds the array object the current element belongs to.
thisValue: This parameter is optional. If a value is to be passed to the function to be used as its “this” value else the value “undefined” will be passed as its “this” value.
Return value: It returns the array element value if any of the elements in the array satisfy the condition, otherwise it returns undefined.
We will understand the concept of the Javascript Array find() method through the examples.
Example 1: The below example illustrates the JavaScript Array find() method to find a positive number.
Javascript
<script>    // Input array contain some elements.    var array = [-10, -0.20, 0.30, -40, -50];     // Method (return element > 0).    var found = array.find(function (element) {        return element > 0;    });     // Printing desired values.    document.write(found);</script>
Output:
0.3
Example 2: Here, the arr.find() method in JavaScript returns the value of the first element in the array that satisfies the provided testing method.
Javascript
<script>    // Input array contain some elements.    var array = [10, 20, 30, 40, 50];     // Method (return element > 10).    var found = array.find(function (element) {        return element > 20;    });     // Printing desired values.    document.write(found);</script>
Output:
30
Example 3: In this example, whenever we need to get the value of the first element in the array that satisfies the provided testing method at that time we use arr.find() method in JavaScript. 
JavaScript
<script>    // Input array contain some elements.    var array = [2, 7, 8, 9];     // Provided testing method (return element > 4).    var found = array.find(function (element) {        return element > 4;    });     // Printing desired values.    document.write(found);</script>
Output:
7
Supported Browsers: The browsers supported by JavaScript Array find() method are listed below:
Google Chrome 45.0
Microsoft Edge 12.0
Mozilla Firefox 25.0
Safari 7.1
Opera 32.0
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
bhaskargeeksforgeeks
javascript-array
JavaScript-Methods
JavaScript
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
Convert a string to an integer in JavaScript
Form validation using HTML and JavaScript
Difference Between PUT and PATCH Request
Installation of Node.js on Linux
Express.js express.Router() Function
Top 10 Projects For Beginners To Practice HTML and CSS Skills
How to fetch data from an API in ReactJS ?
Difference between var, let and const keywords in JavaScript