find() Function is used to return the first element of the array that satisfies a given condition.
Let us say, we have a Array that contains five numbers, 5, 8, 2, 81 and 9.
-Function1.png)
And we want to find the element 8 from the Array.
And find() gives us an elegant way to do it.
Let us see in the below example.
<html>
<body>
<script>
function numberCheck(i) {
return i == 8
}
var x = [5, 8, 2, 81, 9]
var y = x.find(numberCheck)
document.write(y)
</script>
</body>
</html>
So, we have an Array that has 5 numbers.
-Function2.png)
And we want to find the element 8 from the Array.
We have defined a function called numberCheck(), that checks if a number is equal to 8.
function numberCheck(i) {
return i == 8
}And we have called the above function from find() function.
var y = x.find(numberCheck)
And find() function iterates 5 times(i.e. The length of the array), calling numberCheck() function.
var y = x.find(numberCheck)
And it the moment it finds 8 the execution is stopped.
Printing 8 as output