JavaScript高阶函数的使用(部分)

例子:实现一个数组中对小于100的数乘以2后求和。

filter/map/reduce函数的使用

普通写法:

//编程范式:命令式编程/声明式编程
//编程范式:面向对象编程(第一公民;对象)/函数式编程(第一公民:函数)
//filter/map/reduce
//filter中的回调函数有一个要求:必须返回一个boolean值;
// true时:函数内部会自动将这次回调的n加入新的数组中;false时;函数内部会过滤掉这次的n

const nums = [10,20,111,222,333,40,50,80]
//1.filter函数的使用
let total =nums.filter(function (n) {
    return n<100
}).map(function (n) {
    return n*2
}).reduce(function (preValue,n) {
    return preValue +n
},0)
console.log(total);

let newNums = nums.filter(function (n) {
    return n<100
})
console.log(newNums);   //[10, 20, 40, 50, 80]

//2. map函数的使用
let new2Nums = newNums.map(function (n) {
    return n*2
})
console.log(new2Nums);  //[20, 40, 80, 100, 160]

//3.reduce函数的使用
//reduce作用对数组中所有的内容进行汇总
let total = new2Nums.reduce(function (preValue,n) {
   return preValue+n
},0)
console.log(total);
//第一次:preValue=0  n=20
//第二次:preValue=20  n=40
//第三次:preValue=60   n=80
//第四次:preValue=140  n=100
//第五次:preValue=240  n=160
// return 400

简单写法:

const nums = [10,20,111,222,333,40,50,80]

let total =nums.filter(function (n) {
    return n<100
}).map(function (n) {
    return n*2
}).reduce(function (preValue,n) {
    return preValue +n
},0)
console.log(total);  
//total=400

简洁写法:

const nums = [10,20,111,222,333,40,50,80]

let total = nums.filter(n => n<100).map(n => n*2).reduce((preValue,n) => preValue+n);
console.log(total);  
//total=400

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值