Back ArrowExplore all kits

ES6 Reduce Functions

share link

by vsasikalabe dot icon Updated: Mar 17, 2023

technology logo
technology logo

Guide Kit Guide Kit  

The reduce() method will execute a user-supplied "reducer" (callback function) on each element of the array. The return value from the calculation is added to the preceding element. The final result of the reducer applied to all the elements in the array is a single value. Here, The matches and tries of the three ids are added and reduced with one value. 


Simultaneously, reduce() method applies a function against two array values (from left to right) to reduce it to a single value. 

Syntax 

array.reduce(callback[, initialValue]);   

Parameter Details 

callback − It executes each value in the array. 

initialValue − Entry value as the first argument of the callback. 

Return Value 

Returns the reduced value of the array. 

We have to define our reducer() function before using it. It has two arguments (accumulator, currentValue). 

  • The accumulator argument is the result value of the execution. 
  • The currentValue argument is the action we execute to get to a single output value. 


Here is an example of how to do ES6 Reduce functions: 

Preview of the output that you will get on running this code from your IDE.

Code

ES6 Processing Objects (Reduce Functions)

JavaScriptdotLines of Code : 13dotLicense : Strong Copyleft (CC BY-SA 4.0)

const input = [
  {"id": 1, "matches": "123", "tries": "11"},
  {"id": 2, "matches": "1", "tries": "1"},
  {"id": 3, "matches": "2", "tries": "5"}
];
  
const result = input.reduce((result, entry) => {
  result.matches += +entry.matches;
  result.tries += +entry.tries;
  return result;
}, {matches: 0, tries: 0});

console.log(result);

Instructions

Follow the steps carefully to get the output easily.

  1. Download and Install VS Code on your Computer.
  2. Open the VS Code and install Javascript ES6 Code Snippet and Code Runner from Extensions.
  3. Open the new file and save it as example.js (functions.js)
  4. Copy the code using the "Copy" button above, and paste it into your Javascript file.
  5. Run the code using (ctr+alt+N) Run button.


I hope you found this useful. I have added version information in the following sections.


I found this code snippet by searching for ' ES6 Processing Objects (Reduce Functions) ' in kandi. You can try any such use case!

Environment Tested

I tested this solution in the following versions. Be mindful of changes when working with other versions.

  1. The solution is created in VS Code 1.73.1 version.
  2. JavaScript (ES6) code snippets v1.8.0
  3. Code Runner v0.12.0


Using this solution, we are able to do ES6 Processing Objects (Reduce Functions) with simple steps. This process also facilities an easy way to use, hassle-free method to create a hands-on working version of code which would help us to do ES6 Processing Objects (Reduce Functions).

Support

  1. For any support on kandi solution kits, please use the chat
  2. For further learning resources, visit the Open Weaver Community learning page

Open Weaver – Develop Applications Faster with Open Source

kandi

Community and Support

Company

Follow

  • © 2023 Open Weaver Inc.