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

  

 
 
 
posted @ 2021-12-31 13:52  月下云生  阅读(140)  评论(0)    收藏  举报