理解 Arrayreduce()

发布日期： 2024-08-22 阅读量： 作者： 网络

理解 arrayreduce()

介绍

在学习 javascript 入门课程并学习数组的所有不同方法时。我不太了解reduce方法的真正威力，只有在第二次回顾它之后我才意识到这个方法是多么有用。我希望这篇文章能让一些人更清楚地了解此方法的工作原理以及何时使用它。

方法

array.prototype.reduce(callbackfunction)
array.prototype.reduce（callbackfunction，initialvalue）

这个方法到底有什么作用呢？

reduce() 方法使用回调函数处理数组的每个元素，将结果累积为单个值。如果提供了初始值，则将其用作起点；否则，使用第一个数组元素，并从第二个元素开始迭代。

回调函数参数

callbackfunction（累加器、currentvalue、currentindex、数组）{}

累加器

上一次迭代的累积结果或初始值（如果提供）。

当前值

当前正在处理的数组元素的值。

当前索引

当前元素的索引，如果提供了初始值，则从 0 开始，否则为 1。

大批

正在执行reduce()方法的数组。

初始值

当使用没有初始值的reduce方法时，回调函数将获取数组的第一个元素并将其初始化为累加器，然后迭代数组的其余部分。

使用案例

使用reduce方法最常见的例子是数组的求和。

const ages = [23, 15, 45, 13, 66, 54, 38];
let sumofages = ages.reduce(function(sumofages, currentage){
    sumofages = sumofages + currentage;
    return sumofages;
}); // 254

上一篇: wordpress怎么让一个页面显示所有文章

下一篇: 如何使用 PHP 函数扩展优化代码效率？

理解 Arrayreduce()

随便看看