The _.find() function looks at each element of the list and returns the first occurrence of the element that satisfy the condition. If any element of list is not satisfy the condition then it returns the undefined value.
Syntax:
_.find(list, predicate, [context])
Parameters: This function accept three parameters as mentioned above and described below:
- list: This parameter is used to hold the list of items.
- predicate: This parameter is used to hold the truth condition.
- context: The text content which need to be display. It is an optional parameter.
Return value: It returns the first occurrence of the element that satisfy the condition.
Example 1:
<!DOCTYPE html> <html> Â Â <head> Â Â Â Â <script type="text/javascript" src= Â Â Â Â </script> </head> Â Â <body> Â Â Â Â <script type="text/javascript"> Â Â Â Â Â Â Â Â var oddNo = _.find([5, 6, 7, 8, 9, 10], Â Â Â Â Â Â Â Â Â Â Â Â function (num) { Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â return num % 2 != 0; Â Â Â Â Â Â Â Â Â Â Â Â }); Â Â Â Â Â Â Â Â console.log(oddNo);Â Â Â Â Â </script> </body> Â Â </html> |
Output:
5
Example 2:
<!DOCTYPE html> <html> Â Â <head> Â Â Â Â <script type="text/javascript" src= Â Â Â Â </script> </head> Â Â <body> Â Â Â Â <script type="text/javascript"> Â Â Â Â Â Â Â Â var words = ['javascript', 'java', 'unix', Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â 'hypertext', 'underscore', 'CSS']; Â Â Â Â Â Â Â Â Â Â const result = words.find(word => word.length == 9); Â Â Â Â Â Â Â Â console.log(result);Â Â Â Â Â </script> </body> Â Â </html> |
Output:
hypertext
… [Trackback]
[…] Here you will find 13242 more Information on that Topic: geeksforgeeks.org/underscore-js-find-function-2/ […]