js高阶函数filter、map、reduce

 // 高阶函数 filter/map/reduce

 // filter中的回调函数有一个要求：必须返回一个boolean值，
 // 当返回true时，函数内部会自动将这次回调的 n 加入到新的数组中
 // 当返回false时，函数内部会自动过滤掉这次的 n
 const nums=[10,20,60,94,348,57,24,674,645,44,4]
 let newNums = nums.filter(function (n){
   return n<30
 })
 console.log("filter",newNums);

 //map
 let newNums2 = newNums.map(function (n) {
   return n * 2
 })
 console.log("map",newNums2);

 // reduce作用，对数组中的所有内容进行汇总 m赋值给prevalue，每次preValue为上次的preValue+n的值
 let m=0;
 let total = newNums2.reduce(function (preValue,n) {
   return preValue + n
 },m)
 //newNums2=[20,40,48,8]有四个值，那就循环四次
 // 第一次 ：preValue=0    n=20
 // 第二次 ：preValue=20   n=40
 // 第三次 ：preValue=60   n=48
 // 第四次 ：preValue=108   n=8
 // 第五次 ：preValue=116
 // 最后返回116赋值给 total
 console.log(total);
 console.log("*********高阶写法***************");

 let total2 = nums.filter(function (n) {
   return n<30
 }).map(function (n) {
   return n*2
 }).reduce(function (preValue,n) {
   return preValue + n
 },0)

 console.log(total2)

 console.log("更简单写法")
 let total3 = nums.filter(n => n < 30).map(n => n * 2).reduce((pre, n) => pre + n);
 console.log(total3)