对象数组求和的 reduce 魔术

2022-11-25 22:51:46

掌握 reduce 的魔力，成为 JavaScript 高手

在 JavaScript 的浩瀚世界中，reduce 是一颗璀璨的明珠，它能让你用优雅的方式处理数据数组。掌握了它的奥秘，你将踏上成为 JavaScript 高手的坦途。

揭开 reduce 的神秘面纱

reduce 就像一个神奇的魔术师，能够将一堆元素变幻成你想要的任何东西。它以第一个元素作为初始值，然后依次将剩余元素与该初始值进行运算，最后返回一个最终结果。

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 15

在这个例子中，reduce 帮我们轻松地计算出了数组中所有元素的和。它的第一个参数是一个函数，负责定义如何处理每个元素。该函数接收两个参数：累加器（accumulator）和当前值（currentValue）。累加器保存着当前累积的结果，而当前值则表示正在处理的元素。

reduce 的强大功能

reduce 不仅限于求和，它的强大之处还在于它的通用性。你可以用它来做各种各样的运算，例如求平均值、找出最大值或最小值、计算乘积等等。

const numbers = [1, 2, 3, 4, 5];

const average = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0) / numbers.length;

console.log(average); // 3

const max = numbers.reduce((accumulator, currentValue) => {
  return Math.max(accumulator, currentValue);
}, Number.MIN_VALUE);

console.log(max); // 5

const min = numbers.reduce((accumulator, currentValue) => {
  return Math.min(accumulator, currentValue);
}, Number.MAX_VALUE);

console.log(min); // 1

const product = numbers.reduce((accumulator, currentValue) => {
  return accumulator * currentValue;
}, 1);

console.log(product); // 120