Reduce in javascript with initial value

Question

I am trying to reduce an array to the sum of its even values. I have been checking on the document from MDN - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

This says that if the initial value is provided then it won't skip the 0th index, in fact it will start from index 0. My problem is that the reduce is starting with index 1. Thus, my result is incorrect. I am sure I am reading the document incorrectly or misunderstanding it. This is the note I am referring to - "Note: If initialValue is not provided, reduce() will execute the callback function starting at index 1, skipping the first index. If initialValue is provided, it will start at index 0."

Here is my code.

var array = [1,2,3,4,6,100];
var initialValue = 0;
var value = array.reduce(function(accumulator, currentValue, currentIndex, array, initialValue) {
    //console.log(accumulator);
    if( currentValue % 2 === 0) {
      accumulator += currentValue;
      //return accumulator;
    }
    return accumulator;
});
console.log(value);

Obviously, I am seeing the result 113 and not 112. I guess, it is because accumulator already has a value 1. Thus, it is adding 1 initially.

hgb123 · Accepted Answer · 2021-03-26 23:14:57Z

6

If you have a look again at the document, you will notice that the callbackFn only takes at most 4 variables, and the initialValue must be on the second parameter

arr.reduce(callback( accumulator, currentValue, [, index[, array]] )[, initialValue])
                   ^                                               ^

Here is the small-fixed version which returned 112 as expected

var array = [1,2,3,4,6,100];
var initialValue = 0;
var value = array.reduce(function(accumulator, currentValue, currentIndex, array) {
    //console.log(accumulator);
    if( currentValue % 2 === 0) {
      accumulator += currentValue;
      //return accumulator;
    }
    return accumulator;
}, initialValue);
console.log(value);

answered Mar 26, 2021 at 23:14

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rooose · Accepted Answer · 2021-03-26 23:26:32Z

0

This is the syntax provided by MDN for using an initial value:

 [0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => {
    return accumulator + currentValue}, 10)

The initial value in this example is 10, it should be passed as a second argument to the reduce function.

answered Mar 26, 2021 at 23:26

Rooose

1

Comments

Zé Carlos · Accepted Answer · 2021-03-26 23:31:01Z

0

You're not passing the initial value parameter to the reduce function.

Like @hgb123 explained, it is the second parameter.

Futhermore, you don't need to pass all the parameters, if you don't need them. Keep your functions as simple as possible, so they'll be easier to read:

var array = [1,2,3,4,6,100];

var value = array.reduce(function(accumulator, currentValue) {
    //console.log(accumulator);
    if( currentValue % 2 === 0) {
      accumulator += currentValue;
      //return accumulator;
    }
    return accumulator;
}, 0);

console.log(value);

answered Mar 26, 2021 at 23:31

Zé Carlos

12 bronze badges

Collectives™ on Stack Overflow

Reduce in javascript with initial value

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related