js高级函数：fliter,map,reduce

unsafe-no

于 2021-07-22 19:30:52 发布

阅读量150

点赞数

分类专栏：前端笔记文章标签： js vue

本文链接：https://blog.youkuaiyun.com/Mr_aswl/article/details/119007199

版权

前端笔记专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的filter、map和reduce方法处理数组。具体场景是筛选出小于100的数字，将它们乘以2然后求和。通过示例代码展示了如何优雅地实现这一操作，简化了传统for循环的复杂性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const nums = [10,20,111,222,444,40,50]
//要求：使小于 100 的数全部乘与 2 并相加

for遍历:
let newNums = []
for(let n of nums){
if(n<100){
newNums.push(n)
}
}
// 将所有小于100的数字进行转化:全部
let new2Nums=[]
for(let n of newNums){
new2Nums.push(n*2)
}

// 将所有new2Nums数字相加，得到最终的记过
let total = 0
for(let n of new2Nums){
total+n
}

=========================================================
Js高级函数:
let newNums = nums.fliter(function(n){
return n < 100//取出所有小于100的数
})
console.log(newNums);

//使小于100的书乘于2
let new2Nums = newNums.map(function(n){
return n* 2
})
console.log(new2Nums);

let total = new3Nums.reduce(function(preValue,n){
return 100
},0)
//第一次 preValue => 0 n => 20
//第二次 preValue => 100 n => 40
//第三次 preValue => 100 n => 80

=========================================================
函数:
let total = nums.filter(n => n < 100).map(n => n* 2).reduce((pre,n) => pre+n);
console.log(total);