js中reduce函数的用法- 技术经验 -卓越飞翔博客

reduce 函数用于累积操作，得到单一值：接收数组、回调函数和初始值（可选）。回调函数处理累积器（存储累积结果）和当前元素。初始值是累积器的起始值，默认为数组第一个元素。用例包括求和、求平均值、连接数组、过滤和分组。

js中reduce函数的用法

JS 中 reduce 函数的用法

reduce 函数是 JavaScript 中的一个函数，用于对一个数组中的元素进行累积操作，最终得到一个单一值。它的用法如下：

<code class="javascript">const result = array.reduce(callback, initialValue);

其中：

array：要进行累积操作的数组。
callback：累积操作的回调函数。
initialValue：累积的初始值（可选）。

回调函数

回调函数接收两个参数：

accumulator：累积器，存储当前累积的结果。
currentValue：当前正在处理的数组元素。

initialValue

initialValue 是累积器的初始值，如果没有指定，则会使用数组的第一个元素作为初始值。

用法

reduce 函数经常用于以下场景：

求和：计算数组中所有元素的总和。
求平均值：计算数组中所有元素的平均值。
连接数组：将数组中的所有元素连接成一个字符串。
过滤数组：根据条件过滤数组中的元素。
分组数组：根据特定键将数组中的元素分组。

示例

求和：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) =&gt; accumulator + currentValue, 0);
console.log(sum); // 输出：15

求平均值：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const average = numbers.reduce((accumulator, currentValue) =&gt; accumulator + currentValue, 0) / numbers.length;
console.log(average); // 输出：3

连接数组：

<code class="javascript">const names = ['John', 'Mary', 'Bob'];
const joinedString = names.reduce((accumulator, currentValue) =&gt; accumulator + ', ' + currentValue);
console.log(joinedString); // 输出：John, Mary, Bob

过滤数组：

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.reduce((accumulator, currentValue) =&gt; {
  if (currentValue % 2 === 0) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(evenNumbers); // 输出：[2, 4]

相关推荐