javaScript中数组的新方法（reduce）

最新推荐文章于 2024-08-12 14:39:30 发布

weixin_30746117

最新推荐文章于 2024-08-12 14:39:30 发布

阅读量311

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yeanling/p/11002075.html

本文深入讲解了JavaScript中reduce方法的定义、用法及浏览器支持情况。reduce方法将数组中的每个值从左到右进行缩减，最终计算为一个值。文章通过实例展示了不设置初始值与设置初始值时reduce函数的行为差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数

栗子1：

var arr = [1, 2, 3, 4];
var sum = arr.reduce(function(prev, cur, index, arr) {
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(arr, sum);

打印结果：
1 2 1
3 3 2
6 4 3
[1, 2, 3, 4] 10
这里可以看出，上面的例子index是从1开始的，第一次的prev的值是数组的第一个值。数组长度是4，但是reduce函数循环3次。


栗子2:

var  arr = [1, 2, 3, 4];
var sum = arr.reduce(function(prev, cur, index, arr) {
    console.log(prev, cur, index);
    return prev + cur;
}，0) //注意这里设置了初始值
console.log(arr, sum);

打印结果：
0 1 0
1 2 1
3 3 2
6 4 3
[1, 2, 3, 4] 10
这个例子index是从0开始的，第一次的prev的值是我们设置的初始值0，数组长度是4，reduce函数循环4次。

结论：如果没有提供initialValue，reduce 会从索引1的地方开始执行 callback 方法，跳过第一个索引。如果提供initialValue，从索引0开始。