Vue-js高级用法（filter，map，reduce）

1.filter

filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组

const nums = [10,20,30,111,222,333]
let newNums=nums.filter(function(n){
    return n<100
})

输出：[10,20,30]

2.map

map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变将newNums中每个数字乘2

const nums = [10,20,30,111,222,333]
let newNums=nums.filter(function(n){
    return n*2
})

输出：[20,40,60,222,666]

3.reduce

reduce函数主要用于对数组所以元素的汇总操作，如全部相加、相乘等

const nums = [10,20,30,111,222,333]
let newNums=nums.reduce(function(preValue,n){
    return PreValue+n
},0)

输出：726

综合应用,套娃

const nums = [10,20,30,111,222,333]
let newNums=nums.filter(function(n){
    return n<100
}).map(function(n){
    return n*2
}).reduce(function(preValue,n){
    return preValue+n
},0)

结果：120

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容