js reduce方法

JavaScript reduce() 方法对数组中的每个元素执行一个升序执行的 reducer 函数，并将结果汇总为单个返回值

那么他又那些参数呢
一、第一个参数：reducer 函数
其中，reducer 函数又有四个参数：

1.Accumulator (acc) (累计器)
2.Current Value (cur) (当前值)
3.Current Index (idx) (当前索引)
4.Source Array (src) (源数组)
2、第二个参数（可选）：initialValue
代表传递给函数的初始值

// 不传第二个参数的情况
var numbers = [1, 2, 3, 4]

function myFunction(item) {
    let result = numbers.reduce(function (total, currentValue, currentIndex, arr) {
        console.log(total, currentValue, currentIndex, arr)
        return total + currentValue
    })
    return result
}

myFunction(numbers)

可以看到如果不传第二个参数 initialValue，则函数的第一次执行会将数组中的第一个元素作为 total 参数返回。一共执行3次

// 传第二个参数的情况
var numbers = [1, 2, 3, 4]

function myFunction(item) {
    let result = numbers.reduce(function (total, currentValue, currentIndex, arr) {
        console.log(total, currentValue, currentIndex, arr)
        return total + currentValue
    }, 0)
    return result
}

myFunction(numbers)

如果传了第二个参数 initialValue，那么第一次执行的时候 total 的值就是传递的参数值，然后再依次遍历数组中的元素。执行4次

总结：如果不传第二参数 initialValue，那么相当于函数从数组第二个值开始，并且将第一个值最为第一次执行的返回值，如果传了第二个参数 initialValue，那么函数从数组的第一个值开始，并且将参数 initialValue 作为函数第一次执行的返回值。

用法：
用于计算数组元素相加后的总和
比如：

var arrs = [9,6,3,5,7,2,5,1,9];
            function Calculation(item){
                console.log(arrs.reduce((x,y)=>{return x + y}))
            }Calculation(arrs)

就这么简单的计算出了数组之和。

将二维数组转化为一维

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
  function(a, b) {
    return a.concat(b);
  },
  []
);

数组去重

var myArray = ['a', 'b', 'a', 'b', 'c', 'e', 'e', 'c', 'd', 'd', 'd', 'd',1,2,1,2,3,5,4,5,3,4,4,4,4];
var myOrderedArray = myArray.reduce(function (accumulator, currentValue) {
  if (accumulator.indexOf(currentValue) === -1) {
    accumulator.push(currentValue);
  }
  return accumulator
}, [])

console.log(myOrderedArray);