reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。
先看第一个例子：
这里可以看出，上面的例子index是从1开始的，第一次的prev的值是数组的第一个值。数组长度是4，但是reduce函数循环3次。
再看第二个例子：
这个例子index是从0开始的，第一次的prev的值是我们设置的初始值0，数组长度是4，reduce函数循环4次。
结论： 如果没有提供initialValue，reduce 会从索引1的地方开始执行 callback 方法，跳过第一个索引。如果提供initialValue，从索引0开始。
注意：如果这个数组为空，运用reduce是什么情况？
但是要是我们设置了初始值就不会报错，如下：
所以一般来说我们提供初始值通常更安全
当然最简单的就是我们常用的数组求和，求乘积了。
（1）计算数组中每个元素出现的次数
（2）数组去重
（3）将二维数组转化为一维
（3）将多维数组转化为一维
（4）、对象里的属性求和
前言一般而言，可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现，虽然不清楚浏览器的js引擎是如何在C＋＋层面实现这两个方法，但是可以肯定的是reduce方法肯定也存在数组的遍历，在具体实现细节上是否针对数组项的操作和存储做了什么优化，则不得而知。
数组的reduce方法的应用
reduce方法有两个参数，第一个参数是一个callback，用于针对数组项的操作；第二个参数则是传入的初始值，这个初始值用于单个数组项的操作。需要注意的是，reduce方法返回值并不是数组，而是形如初始值的经过叠加处理后的操作。
reduce方法最常见的场景就是叠加。
var
items
=
[10,
120,
1000]
//
our
reducer
function
var
reducer
=
function
add(sumSoFar,
item)
{
return
sumSoFar
+
item
}
//
do
the
job
var
total
=
items.reduce(reducer,
0)
console.log(total)
//
1130
可以看出，reduce函数根据初始值0，不断的进行叠加，完成最简单的总和的实现。
前文中也提到，reduce函数的返回结果类型和传入的初始值相同，上个实例中初始值为number类型，同理，初始值也可为object类型。
var
items
=
[10,
120,
1000]
//
our
reducer
function
var
reducer
=
function
add(sumSoFar,
item)
{
sumSoFar.sum
=
sumSoFar.sum
+
item
return
sumSoFar
}
//
do
the
job
var
total
=
items.reduce(reducer,
{sum:
0})
console.log(total)
//
{sum:1130}
多重叠加
使用reduce方法可以完成多维度的数据叠加。如上例中的初始值{sum:
0}
，这仅仅是一个维度的操作，如果涉及到了多个属性的叠加，如{sum:
0,totalInEuros:
0,totalInYen:
0}
，则需要相应的逻辑进行处理。
在下面的方法中，采用分而治之的方法，即将reduce函数第一个参数callback封装为一个数组，由数组中的每一个函数单独进行叠加并完成reduce操作。所有的一切通过一个manager函数来管理流程和传递初始参数。
var
manageReducers
=
function(reducers)
{
return
function(state,
item)
{
return
Object.keys(reducers).reduce(
function(nextState,
key)
{
reducers[key](state,
item)
return
state
},
{}
)
}
}
上面就是manager函数的实现，它需要reducers对象作为参数，并返回一个callback类型的函数，作为reduce的第一个参数。在该函数内部，则执行多维的叠加工作（
Object.keys（）
）。
通过这种分治的思想，可以完成目标对象多个属性的同时叠加，完整代码如下：
var
reducers
=
{
totalInEuros
:
function(state,
item)
{
return
state.euros
+=
item.price
*
0.897424392
},
totalInYen
:
function(state,
item)
{
return
state.yens
+=
item.price
*
113.852
}
}
var
manageReducers
=
function(reducers)
{
return
function(state,
item)
{
return
Object.keys(reducers).reduce(
function(nextState,
key)
{
reducers[key](state,
item)
return
state
},
{}
)
}
}
var
bigTotalPriceReducer
=
manageReducers(reducers)
var
initialState
=
{euros:0,
yens:
0}
var
items
=
[{price:
10},
{price:
120},
{price:
1000}]
var
totals
=
items.reduce(bigTotalPriceReducer,
initialState)
console.log(totals)
总结
以上就是Javascript中内建函数reduce应用的全部内容，希望本文的内容对大家的学习或者工作能有所帮助，如果有疑问大家可以留言交流。
它由一个回调函数与一个初始值组成，其中回调函数接受四个参数。
4.currentIndex 数组循环当前处理值的索引，currentValue 与 currentIndex是同步变化的。
5.array 当前正在被循环的数组。
若数组为空且没有初始值，reduce方法报错。
感谢参考文章
点击查看 >>更多数组去重的方法
