Underscore.js | max() with Examples

The Underscore.js is a JavaScript library that provides a lot of useful functions that helps in the programming in a big way like the map, filter, invoke etc even without using any built-in objects.
The _.max() function is used to find the minimum element from the list passed. If an iteratee is given, then it will be applied on each value and generate a criteria to rank the values and find the minimum element.

Syntax:

_.max(list, [iteratee], [context])

Parameters: This function accepts 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 test condition.
  • Context: This parameter is used to display the content.

Return values: The return value is the element of the list which is maximum. A numbers list will give the maximum number and that of the string will give the string which is last when they are placed alphabetically.

Passing an array of numbers to the _.max function(): The ._max() function takes the element from the list one by one and do the compares the elements to find the maximum number in the list. After traversing and comparing all the elements, the _.max() function ends.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<html>
    <head>
        <script type="text/javascript" src
        </script>
    </head>
    <body>
        <script type="text/javascript">
            var numbers = [100, 50, 400, 66, 7900];
            console.log(_.max(numbers));
        </script>
    </body>
</html>                    

chevron_right


Output:

Passing a list of both numbers and strings as its property to _.max() function: Passing a list of both numbers and strings and compare the elements by one of the property. Either by the numbers property or by the string property. Like here we are comparing on the ‘difficulty’ property. The largest difficulty element will be returned.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<html>
    <head>
        <script type="text/javascript" src
        </script>
    </head>
    <body>
        <script type="text/javascript">
             var languages = [
                    {
                    name: 'HTML',
                    difficulty: 4
                    },
                    {
                    name: 'CSS',
                    difficulty: 5
                    }
                ];
            console.log(_.max(languages, function(o)
            {
                return o.difficulty;
            }));
        </script>
    </body>
</html>

chevron_right


Output:

Passing a structure of more than 1 property to the _.min() function: First, declare the array (here array is ‘arr’) and choose one property out of the many, on the basis of which need to find the maximum like here ‘hasLongHairs’. Console.log the variable in which this returned maximum value is stored.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<html>
    <head>
        <script type="text/javascript" src
        </script>
    </head>
    <body>
        <script type="text/javascript">
             var arr =  [
                {prop1:"10", prop2:"07", prop3: "Geeks"},
                {prop1:"12", prop2:"86", prop3: "for"},
                {prop1:"11", prop2:"58", prop3: "Geeks."} 
            ];
            console.log(_.max(arr, function(o){return o.prop2;}));
        </script>
    </body>
</html>

chevron_right


Output:

Passing ‘true’ and ‘false’ as the elements of the list to the _.max() function: Passing the ‘true’ and ‘false’ values to the _.max() function. The maximum of these values will be defined as ‘true’ if it is present in the list at least once otherwise answer will be ‘false’. This is just the opposite if the ‘_.min()’ function.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<html>
    <head>
        <script type="text/javascript" src
        </script>
    </head>
    <body>
        <script type="text/javascript">
           console.log(_.max([true, false, true]));
           console.log(_.max([true, true]));
           console.log(_.max([false, false]));
        </script>
    </body>
</html>

chevron_right


Output:



My Personal Notes arrow_drop_up

I like to do coding in C++C and java programming languages HTML and CSS always intersts me Sharing knowleged is the best way according to me to increase ones knwoledge

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.



Improved By : shubham_singh, Code_r