How to Reduce Values in a Map to a Single Value in JavaScript - Step by Step Examples



How to Reduce Values in a Map to a Single Value in JavaScript ?

Answer

To reduce values in a map to a single value in JavaScript, you can iterate over the map and accumulate the values using a specific operation, such as summation. This method allows you to combine all the values in the map into a single result based on the specified operation.



✐ Examples

1 Summing All Values in a Map

We can sum all the values in a map in JavaScript by iterating over the map and accumulating the values into a single sum.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has integer keys and integer values.
  2. We declare a variable named sum and initialize it to 0 to store the accumulated sum of the values.
  3. We iterate over the original map using the forEach method and add each value to the sum variable.
  4. We print the sum to the console using the console.log function to verify the result.

JavaScript Program

const myMap = new Map([
    [1, 10],
    [2, 20],
    [3, 30],
    [4, 40],
    [5, 50]
]);

// Declare a variable to store the sum of values
let sum = 0;

// Iterate over the original map and sum the values
myMap.forEach((value) => {
    sum += value;
});

// Print the sum
console.log('Sum of all values:', sum);

Output

Sum of all values: 150

2 Finding the Maximum Value in a Map

We can find the maximum value in a map in JavaScript by iterating over the map and keeping track of the highest value encountered.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has integer keys and integer values.
  2. We declare a variable named maxValue and initialize it to Number.MIN_SAFE_INTEGER to store the maximum value found in the map.
  3. We iterate over the original map using the forEach method and update the maxValue variable if the current value is greater than the current maxValue.
  4. We print the maximum value to the console using the console.log function to verify the result.

JavaScript Program

const myMap = new Map([
    [1, 10],
    [2, 20],
    [3, 30],
    [4, 40],
    [5, 50]
]);

// Declare a variable to store the maximum value
let maxValue = Number.MIN_SAFE_INTEGER;

// Iterate over the original map and find the maximum value
myMap.forEach((value) => {
    if (value > maxValue) {
        maxValue = value;
    }
});

// Print the maximum value
console.log('Maximum value:', maxValue);

Output

Maximum value: 50

3 Calculating the Product of All Values in a Map

We can calculate the product of all the values in a map in JavaScript by iterating over the map and multiplying the values into a single product.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has integer keys and integer values.
  2. We declare a variable named product and initialize it to 1 to store the accumulated product of the values.
  3. We iterate over the original map using the forEach method and multiply each value into the product variable.
  4. We print the product to the console using the console.log function to verify the result.

JavaScript Program

const myMap = new Map([
    [1, 10],
    [2, 20],
    [3, 30],
    [4, 40],
    [5, 50]
]);

// Declare a variable to store the product of values
let product = 1;

// Iterate over the original map and multiply the values
myMap.forEach((value) => {
    product *= value;
});

// Print the product
console.log('Product of all values:', product);

Output

Product of all values: 12000000

Summary

In this tutorial, we learned How to Reduce Values in a Map to a Single Value in JavaScript language with well detailed examples.




More JavaScript Maps Tutorials

  1. How to create an Empty Map in JavaScript ?
  2. How to create a Map with Initial Key-Value Pairs in JavaScript ?
  3. How to Print a Map in JavaScript ?
  4. How to Add a Key-Value Pair to a Map in JavaScript ?
  5. How to Set a Default Value for a Key in a Map in JavaScript ?
  6. How to Update the Value for a Key in a Map in JavaScript ?
  7. How to Check if a Map is Empty in JavaScript ?
  8. How to Check if a Key Exists in a Map in JavaScript ?
  9. How to Check if a Value Exists in a Map in JavaScript ?
  10. How to Get the Value Associated with a Key in a Map in JavaScript ?
  11. How to Remove a Key-Value Pair from a Map in JavaScript ?
  12. How to Remove Key-Value Pairs from a Map Based on Values in JavaScript ?
  13. How to Iterate Over Keys in a Map in JavaScript ?
  14. How to Iterate Over Values in a Map in JavaScript ?
  15. How to Iterate Over Entries (Key-Value Pairs) in a Map in JavaScript ?
  16. How to Get the Size (Number of Key-Value Pairs) of a Map in JavaScript ?
  17. How to Convert a Map to an Array of Keys in JavaScript ?
  18. How to Convert a Map to an Array of Values in JavaScript ?
  19. How to Convert a Map to an Array of Key-Value Pairs in JavaScript ?
  20. How to Merge Two Maps in JavaScript ?
  21. How to Copy a Map in JavaScript ?
  22. How to Check if Two Maps are Equal in JavaScript ?
  23. How to Sort a Map by Keys in JavaScript ?
  24. How to Sort a Map by Values in JavaScript ?
  25. How to Filter a Map Based on Keys in JavaScript ?
  26. How to Filter a Map Based on Values in JavaScript ?
  27. How to Reduce Values in a Map to a Single Value in JavaScript ?
  28. How to Convert an Array of Key-Value Pairs to a Map in JavaScript ?
  29. How to Convert a Map to a JSON String in JavaScript ?
  30. How to Convert a JSON String to a Map in JavaScript ?
  31. How to Swap Keys and Values in a Map in JavaScript ?
  32. How to Create a Map of Maps in JavaScript ?
  33. How to Iterate Over a Map of Maps in JavaScript ?