数组操作--reduce函数
1.语法
arr.reduce(callback,[initialValue])
reduce为数组中的每一个元素依次执行回调函数,不包括数组中被删除或者从未被赋值的元素,回调函数接受四个函数:
1.previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue),如果没有提供initialValue,reduce 会从索引1的地方开始执行 callback 方法,跳过第一个索引。如果提供initialValue,则从索引0开始且下次该值为undefined)
2.currentValue (数组中当前被处理的元素)
3.index (当前元素在数组中的索引)
4.array (调用 reduce 的数组)
initialValue 作为第一次调用 callback 的第一个参数
2.reduce使用实例
1.将二维数组降为一维数组
let arrs = [[0, 1], [2, 3], [4, 5]] let newArr = arrs.reduce((pre,cur)=>{ return pre.concat(cur) },[]) console.log(newArr); // [0, 1, 2, 3, 4, 5]2.多维数组转为一维数组
let arrs = [[0, 1], [2, 3], [4,[5,6,7]]] const newArr = function(arrs){ return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):cur),[])} console.log(newArr(arrs)); //[0, 1, 2, 3, 4, 5, 6, 7]3.计算数组中每个元素出现的次数
let arrs =['a','s','d','f','q','s','a','v','f','s'] let newArr = arrs.reduce((pre,cur)=>{ if(cur in pre){ pre[cur]++ }else{ pre[cur] = 1 } return pre },{}) console.log(newArr)4.数组去重
let arrs =['a','s','d','f','q','s','a','v','f','s'] let newArr = arrs.reduce((pre,cur)=>{ if(!pre.includes(cur)){ return pre.concat(cur) // concat可以字符串数组混用 }else{ return pre } },[]) console.log(newArr) // [ "a", "s", "d", "f", "q", "v" ]