Thursday, September 4, 2025
HomeLanguagesJavascriptHow to use Array.prototype.reduce() method in JavaScript ?

How to use Array.prototype.reduce() method in JavaScript ?

The Array.prototype.reduce() method is used in an array to return a single value from an array after executing the user-supplied callback function on each element of the array. It transverses from the left-most-element to the right-most-element of the given array.

Array.prototype.reduce() can be called using two ways.

  • Callback function: The function will be declared first and later called for execution on an array.

Syntax:

array.reduce( myFunction, initialValue )
  • Inline callback function: The parameters are passed inside the function inside reduce() method along with the array that is to be executed.

Syntax:

reduce(function(returnValue, currentValue, currentIndex, array){ 
        ... }, initialValue)

Parameters:

  • array: It is the required array that we want to transverse
  • myFunction: It is the callback function that will be executed on an array. It accepts four arguments:
    • returnValue: It is the returning value resulting from the previous call of the callback function. On its first call, it takes the value of initialValue else takes the value of the first element of the array, i.e. array[0]
    • currentValue: It is the present value of the element which is getting currently executed by the callback function. On the first call, it is the first element of the array if initialValue was specified else it is array[1], i.e. a second element of the array.
    • currentIndex: It is the value of the index of the ‘currentValue’ element. It takes the value ‘0’ if initialValue is specified else ‘1’.
    • array: It is the required array we need to transverse.
  • initialValue: It is an optional parameter that will be initialized as returnValue if it is mentioned, after which execution will be performed on other elements of the array starting from index 0.

Example 1: In this example, we will see the basic use of the Array.prototype.reduce() method using the callback function in Javascript.

JavaScript




const array = [10, 18, 30, 41, 60];
const myReducer = (returnValue,
    currentValue) => returnValue + currentValue;
 
// 10 + 18 + 30 + 41 + 60
console.log(array.reduce(myReducer));
// expected output: 159
 
// initialValue = 20
// 20 + 10 + 18 + 30 + 41 + 60
console.log(array.reduce(myReducer, 20));
    // expected output: 179


Output:

159
179

Example 2: In this example, we will see the use of the Array.prototype.reduce() method in Javascript.

JavaScript




const array1 = [1, 2, 3, 4, 5];
 
// Calculating sum of squares
const myReducer = (returnValue, currentValue) =>
    returnValue + currentValue * currentValue;
 
// 1 + 4 + 9 + 16 + 25
console.log(array1.reduce(myReducer));
// expected output: 55
 
// initialValue = 6
// 36 + 1 + 4 + 9 + 16 + 25
console.log(array1.reduce(myReducer, 36));
    // expected output: 91


Output:

55
91
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
Dominic
Dominichttp://wardslaus.com
infosec,malicious & dos attacks generator, boot rom exploit philanthropist , wild hacker , game developer,
RELATED ARTICLES

Most Popular

Dominic
32264 POSTS0 COMMENTS
Milvus
81 POSTS0 COMMENTS
Nango Kala
6629 POSTS0 COMMENTS
Nicole Veronica
11799 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11859 POSTS0 COMMENTS
Shaida Kate Naidoo
6749 POSTS0 COMMENTS
Ted Musemwa
7025 POSTS0 COMMENTS
Thapelo Manthata
6698 POSTS0 COMMENTS
Umr Jansen
6717 POSTS0 COMMENTS