[Code Example] Javascript reduce() method

In this article we will show you few code example on how to use Javasript reduce() method. It is used to run a function over all the elements of the array and return a final value.

Code Example –

1. Subtracting array numbers using reduce() –

const numbers = [175, 50, 25];

console.log(numbers.reduce(myFunc));

function myFunc(total, num) {
  return total - num;
}

// Output - 100

2. Adding array entries using reduce() –

const numbers = [15.5, 2.3, 1.1, 4.7];
console.log(numbers.reduce(getSum, 0));

function getSum(total, num) {
  return total + Math.round(num);
}

// Output: 24

Source: W3Schools

3. Adding array values using reduce() through inline function.

const array1 = [1, 2, 3, 4];

// 0 + 1 + 2 + 3 + 4
const initialValue = 0;

const sumWithInitial = array1.reduce(
  (previousValue, currentValue) => previousValue + currentValue,
  initialValue
);

console.log(sumWithInitial);

// expected output: 10

Source: MDN

4. Removing Duplicate Entries using Reduce()

let ageGroup = [18, 21, 1, 1, 51, 18, 21, 5, 18, 7, 10];

let uniqueAgeGroup = ageGroup.reduce(function (accumulator, currentValue) {
  if (accumulator.indexOf(currentValue) === -1) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);

console.log(uniqueAgeGroup); // [ 18, 21, 1, 51, 5, 7, 10 ]

Source: Programiz

5. Get total amount of the products in the shopping cart –

let shoppingCart = [
  {
    product: 'phone',
    qty: 1,
    price: 500,
  },
  {
    product: 'Screen Protector',
    qty: 1,
    price: 10,
  },
  {
    product: 'Memory Card',
    qty: 2,
    price: 20,
  },
];

let total = shoppingCart.reduce(function (previousValue, currentValue) {
  return previousValue + currentValue.qty * currentValue.price;
}, 0);

// Output: 550

Source: JavascriptTutorial