js常用的高阶函数(filter map reduce)

Posted 2022-03-29 做个机灵鬼

filter 数组过滤器

该函数的参数为一个函数，根据函数的返回的boolean值，确定是否将当前元素返回到新数组中
如果返回true，则当前元素放入新数组中，否则将过滤掉

let arr = [12,34,5,63,100,123]
//n表示遍历数组中的每一个元素，每个元素都调用该回调函数
 const arr2 =  arr.filter((n)=>
      // 当元素小于100的时候，返回true 该元素的进入新的数组中
      return n<100
    )

map 数组映射

数组的每个元素，都执行一次回调函数，返回新的数组

 // map 映射
    // 返回一个新的数组
    //将每个元素的值乘2
    const arr3=arr2.map((n)=>
      return n*2
    )
    console.log(arr3);

reduce 数组的汇总

// 返回一个新的函数
// 该函数有两个参数，第一个参数为函数，第二个参数为prement的初始组
// prement表示上一次的返回值，value表示当前值
// 如果reduce没有第二个参数，那么prement为数组索引为0，value从索引为1开始

  const arr4 = arr3.reduce((prement,value)=>
       return prement+value
    ,0)
    console.log(arr4);