定义： reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
语法：
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
| 参数 | 描述 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| function(total,currentValue, index,arr) | 必需。用于执行每个数组元素的函数。 函数参数:
|
||||||||||
| initialValue | 可选。传递给函数的初始值 |
ES6，之前繁杂的写法；
例；我们想遍历数组中的元素做拼接或者累加操作
<script>
var numbers = [1, 2, 3, 4, 5, 6];
function Sum(total, num) {
return total + num;
}
function myFunction(item) {
document.getElementById("demo").innerHTML = numbers.reduce(Sum);
}
</script>
<button οnclick="myFunction()">add</button>
<div id="demo"></div>ES6 执行同样操作写法，可以大大减少我们的代码量，以及提高代码的可阅读性
/*
参数1.prev 上一次返回的值，
参数2.item 本次的值，
参数3.最后一个参数（prev初始值），涉及到一个对象类型，例如如果原数组里面存的是数字，最后一个参数传空数组[]的时候，
默认数据是字符串拼接,这时候返回值也就是123456
如果我们想做到里面的数组迭代相加，那我们在最后的参数传一个数字类型的参数，例如我们传0，这时候就按照数字相加，
这里还需要注意的就是传的时候不能加" "如果加了引号还认为是字符串的拼接
*/
let sum = [1, 2, 3, 4, 5, 6].reduce((prev, item) => { return prev + item }, 1);