44.1 reduce() in JS.html

<!DOCTYPE html>
<html lang="en">
    <head><title>Example of reduce() in JS</title>
    </head>
    <body>
        <!--See previous code 44 
        -->
        <script>
            const arr=[5,4,2,8,7,6]; 
            //find max value inside arr array
            //without reduce() function
            function MaxValue(arr){
                let max=0; 
                for(var i=0;i<arr.length;i++){
                    if(arr[i]>max){ //if arr[i] i.e current element is greater then max then remove max's value with arr[i]
                        max=arr[i];
                    }
                }
                return max;
            }
           console.log(MaxValue(arr)) // o/p: 8
           
           //with reduce() function(watch at 21:25)
           const output=arr.reduce(function(max,currElement){ 
                //we can use any name for accumulator and also for current
                if(currElement > max){ //i.e if current value is greater then max value/acc the max becomes currElement  
                    max=currElement;
                }
                return max;
           },0);
           console.log(output); // o/p: 8

           //find minimum value in an array using reduce
           const arr2=[5,1,8,4,5,-6,0];
           const minVal=arr2.reduce((min,currVal)=>{
            if(currVal < min){
                min=currVal;
            }
            return min;
           },0)
           console.log(minVal)

           //find multiple of all values in the array
           const arr3=[1,2,3,4,5];
           const multiple=arr3.reduce((acc,currVal)=>{
            return acc*currVal;
           },1)
           console.log(multiple) // o/p: 120
        </script>
    </body>
</html>