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 vote181 views2 answers
Bootstrap 5 container
CSS
2 votes168 views1 answer
Css image round
CSS
4 votes172 views1 answer
Height 100% of the screen
CSS
22 votes195 views2 answers
Css set styles for input text
CSS
175 votes218 views6 answers
Css image background
CSS
64 votes232 views4 answers
Bootstrap buttons
CSS Bootstrap
4 votes187 views3 answers
Add space between all html elements flex
CSS
0 vote204 views1 answer
How to disable li points
CSS
0 vote171 views1 answer
Backface-visibility: hidden;
CSS
0 vote170 views1 answer
Child theme broken header "styles.css"
CSS