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)