js中reduce函数的用法

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

JS 中 reduce 函数的用法

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

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

登录后复制

其中：

• 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>

登录后复制

求平均值：

<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>

登录后复制

连接数组：

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

登录后复制

过滤数组：

<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]</code>

登录后复制

以上就是js中reduce函数的用法的详细内容，更多请关注叮当号网其它相关文章！