如何在 JavaScript 中使用 Array.prototype.reduce() 方法？

我们将讨论 JavaScript 中的 reduce() 方法。 reduce()方法用于数组中，在对数组的每个元素执行用户提供的回调函数后从数组中返回单个值。它从给定数组的最左侧元素横向移动到最右侧元素。

可以使用两种方式调用它。

• 回调函数：该函数将首先声明，然后调用以在数组上执行。

  句法：

  array.reduce( myFunction, initialValue )

• 内联回调函数：参数与要执行的数组一起在reduce()方法内的函数内部传递。

  句法：

  reduce(function(returnValue, currentValue, currentIndex, array) { … }, initialValue)

参数：

• 数组：就是我们要横切的需要的数组
• myFunction：将在数组上执行的回调函数。它接受四个参数：
  • returnValue：上一次调用回调函数的返回值。在第一次调用时，它获取 initialValue 的值，否则获取数组第一个元素的值，即 array[0]
  • currentValue：回调函数当前正在执行的元素的当前值。在第一次调用时，如果指定了 initialValue，则它是数组的第一个元素，否则它是 array[1]，即数组的第二个元素。
  • currentIndex：它是'currentValue'元素的索引值。如果指定了初始值，则取值“0”，否则为“1”。
  • 数组：就是我们需要横向的数组。
• initialValue：可选参数，如果被提及将被初始化为returnValue ，之后会从索引0开始执行数组的其他元素。

示例 1：

JavaScript

   const array = [10, 18, 30, 41, 60];
   const myReducer = (returnValue, 
       currentValue) => returnValue + currentValue;
     
   // 10 + 18 + 30 + 41 + 60
   console.log(array.reduce(myReducer));
   // expected output: 159
     
   // initialValue = 20
   // 20 + 10 + 18 + 30 + 41 + 60
   console.log(array.reduce(myReducer, 20));
   // expected output: 179
     

输出：

159
179

示例 2：

JavaScript

   const array1 = [1, 2, 3, 4, 5];
     
   // Calculating sum of squares
   const myReducer = (returnValue, currentValue) => 
           returnValue + currentValue*currentValue;
     
   // 1 + 4 + 9 + 16 + 25
   console.log(array1.reduce(myReducer));
   // expected output: 55
     
   // initialValue = 6
   // 36 + 1 + 4 + 9 + 16 + 25
   console.log(array1.reduce(myReducer, 36));
   // expected output: 91
     

输出：

55
91