reduce()实现数组扁平化和数组中的对象去重原理

语法array.reduce(callback,initialValue)

参数

接收两个值callback,initialValue

1.callback(totalArr,currentValue, currentIndex,arr): 执行于每个数组元素的函数;
2.initialValue: 传给callback的初始值

• 当给了初始值initialValue的时候，第一次执行相当于totalArr是initialValue，把currentValue叠加到initialValue里；
• totalArr是currentValue值叠加起来的值或者集合；

更详细的讲，callback就是由你提供的reducer函数，调用reduce()方法的数组中的每一个元素都将执行你提供的reducer函数，最终汇总为单个返回值, 所以要注意返回值，这个字眼，得有返回，即return 初始值出去，作为下次遍历的初始值对象。

callback参数：

用法eg：

1. reduce()实现数组对象去重：

简单的数组去重，我们可以通过把数组转换为ES6提供的新数据结构Set实现。
然而在实际业务上，我们经常需要处理后台返回的json格式的数组对象进行去重。
比如:

const arr = [{
  id: 1,
  phone: 1880001,
  name: 'wang',
  },{
  id: 2,
  phone: 1880002,
  name: 'li',
  },{
  id: 3,
  phone: 1880001,
  name: 'wang',
}]

我们会需要去掉电话号码重复的元素，这时候就需要使用hash检测方法：

const unique= arr =>{
  let hash = {};
    return arr.reduce((totalItem, currItem) => {
      hash[currItem.phone]? null : hash[currItem.phone] = true && totalItem.push(currItem);
        return totalItem;  // 注意这儿的return 不可缺少，不然下次遍历缺失初始值
    }, []);
}
unique(arr) 
/* [{
  id: 1,
  phone: 1880001,
  name: 'wang',
  },{
  id: 2,
  phone: 1880002,
  name: 'li',
  }] */

• 主要思路是利用数组的去重中对象的不重名属性
• 首先弄一个空对象hash, 然后把对象的属性phone当做hash的key来用
• 第一次执行先把初始值[]传进去，所以此时totalItem是[],判断hash[currItem.phone]存不存在，第一次肯定不存在，所以把currItem.phone作为hash的一个属性，并赋值为true或把它的值赋值，并执行totalItem.push(currItem)及[].push(currItem),后面的判断同理，检查hash中的currItem.phone，存在就为null什么都不操作，不存在说明totalItem中也不存在，所以赋值并push即可；

2. reduce()实现数组扁平化：

const flatten = arry => arry.reduce((totalArr, currentV, index, arry) => totalArr.concat(Array.isArray(currentV) ? flatten(currentV) : currentV), []);

//concat方法的参数接受数组也接受具体的值(指的是第二项值)

• 数组扁平化原理总结，上述实现原理主要是利用reduce的第二个参数，初始值，这样扁平化数组的时候就可以避免数组内第一个值不是数组的报错，concat数组合并要求第一个值必须是一个数组，第二个值可以不是数组；所以：

1. 首先传一个初始值[]
2. 在判断reduce回调函数中的第二个值，及当前值必须是一个值而不是数组，判断是数组就一直递归回调，直到为一个值的时候，在合并到初始的数组里，这样就实现了数组的变化；