Reduce method

Javascript reduce

var array = [36, 25, 6, 15];

array.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0); // 36 + 25 + 6 + 15 = 82

Javascript sum array values

function getArraySum(a){
    var total=0;
    for(var i in a) { 
        total += a[i];
    }
    return total;
}

var payChecks = [123,155,134, 205, 105]; 
var weeklyPay= getArraySum(payChecks); //sums up to 722

Js reduce

// syntax: array.reduce(function, accumulator-initial-value)
let array = [3, 7, 2, 9, 5]
const result = array.reduce((accumulator, currentValue, currentIndex, arr) => {
  // code
}, initialValue)

// accumulator = will store return value of the function
// currentValue = iterate through each array element
// currentIndex = index of currentValue
// arr = original array
// initialValue = set accumulator initial value

Source: developer.mozilla.org

Reduce

// Array.prototype.reduce()

const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15

Reduce method

The reduce() method executes a reducer function (that you provide) on each element of the array, resulting in single output value.

The reducer function takes four arguments:
Accumulator (acc)
Current Value (cur)
Current Index (idx)
Source Array (src)

//syntax
arr.reduce(callback( accumulator, currentValue, [, index[, array]] )[, initialValue])
//example flatten an array

let flattened = [[0, 1], [2, 3], [4, 5]].reduce(
  ( accumulator, currentValue ) => accumulator.concat(currentValue),
  []
)

Source: developer.mozilla.org

Reduce method

function reduce(array, combine, start) {
  let current = start;
  for (let element of array) {
    current = combine(current, element);
  }
  return current;
}

console.log(reduce([1, 2, 3, 4], (a, b) => a + b, 0));
// → 10

Source: eloquentjavascript.net

Similar codes

0 vote140 views1 answer
Mat radio button color
CSS
1 vote143 views1 answer
Css linkup
CSS
0 vote138 views1 answer
Change disbled button background pyqt5
CSS
17 votes108 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
5 votes162 views2 answers
Css text cut dots
CSS
24 votes134 views2 answers
Css grid align
CSS
0 vote140 views1 answer
Npm registry package not found
CSS
1 vote138 views1 answer
Show max word with css
CSS
0 vote145 views1 answer
Css change overflow scrollbar
CSS
0 vote151 views1 answer
SES
CSS