数组操作--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" ]

浙公网安备 33010602011771号