reduce函数

例子

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

// 求总和
const sum = arr.reduce((total, value) => total + value, 0);

// 结果: sum = 10  解释

解释

以下是对这段代码求总和操作的详细解释：

1. reduce 方法概述
   在 JavaScript 中，reduce 是数组的一个高阶函数，它可以对数组中的每个元素执行一个由你定义的回调函数，并将其结果汇总为单个返回值。
   reduce 方法接受两个参数，第一个参数是一个回调函数，第二个参数是初始值（可选的，若不提供初始值，会以数组的第一个元素作为初始值开始计算，但此时回调函数的参数情况会稍有不同，这里我们提供了初始值 0 ，所以按常规的参数情况来讲解）。
2. 回调函数参数说明
   回调函数在这里是 (total, value) => total + value ，它接受两个参数：
   total ：这个参数是累计器，在每次迭代时它会保存上一次迭代计算得到的结果，最开始的时候它的值是我们传入的初始值 0 。
   value ：代表当前正在被处理的数组元素。
3. 迭代过程
   对于给定的数组 arr = [1, 2, 3, 4] ，reduce 方法的迭代过程如下：
   第一次迭代：
   total 的初始值为 0（我们传入的初始值）。
   value 是数组的第一个元素，也就是 1 。
   根据回调函数的逻辑 total + value ，计算得到 0 + 1 = 1 ，这个 1 就会成为下一次迭代时 total 的值。
   第二次迭代：
   total 现在的值是 1（上一次迭代的结果）。
   value 是数组的第二个元素，即 2 。
   再次执行 total + value ，也就是 1 + 2 = 3 ，这个 3 会成为下一次迭代时 total 的值。
   第三次迭代：
   total 为 3（上一次的结果）。
   value 是数组的第三个元素 3 。
   计算 total + value 得到 3 + 3 = 6 ，6 成为下一次迭代 total 的值。
   第四次迭代：
   total 的值是 6 。
   value 是数组的最后一个元素 4 。
   执行 total + value ，得出 6 + 4 = 10 。
   由于这是最后一次迭代了，最终得到的 10 就是整个 reduce 方法执行完毕后的返回值，并被赋值给变量 sum ，所以最终 sum 的值为 10 。
   总的来说，通过 reduce 方法配合合适的回调函数以及初始值，就可以方便地对数组元素进行累加等汇总操作，求出数组所有元素的总和。