VUE学习-ES6高阶函数

转载:https://blog.csdn.net/weixin_43961117/article/details/117399184

1.filter是一个数据的过滤器,他的回调参数是布尔值,他的主要功能就是过滤数据,将符合条件的过滤的所有数据存储起来

1
2
3
4
5
6
7
let num=[10,20,30,40,50,100,200,300]
let nums=num.filter(function(n){
return n<100;
});
console.log(nums);
 
输出nums---> [10,20,30,40,50]

2.map参数是映射函数,他的回调是修改的数据,对数组中的数据进行修改,再将他们替换

1
2
3
4
5
6
7
let num=[10,20,30,40,50]
let nums=num.map(function(n){
return n*2;
})
console.log(nums);
 
输出nums---->[20,40,60,80,100]

3.reduce()函数是聚合函数。reduce中有两个参数,一个function(),一个是自己设置的

在function()中有两个参数,一个是上一个返回的数值,一个是遍历数组中的内容,后面那个0是prevaluer初始的值

上一个返回的数值:prevaluer

遍历数组中的内容:n

后面那个0:prevaluer初始值

1
2
3
4
5
num=[10,20,30]
let conter=num.reduce(function(prevaluer,n){
return prevaluer+n;
},0)
console.log(conter);//60 

转载:https://blog.csdn.net/liubangbo/article/details/109228777

4.some表示只有一个满足条件就返回true

5.every则表示只有全部满足条件才会返回true。简单例子如下:

1
2
3
4
5
6
7
8
9
let arr = [
 
{name:'xiaoliu',ago:18},{name:'xiaoli',ago:25},{name:'xiaowang',ago:30}
 
]
 
console.log('有没有年龄超过20的: ' + arr.some((item) => item.age > 20));//true
 
console.log('所有人年龄没有超过20的: ' + arr.every((item) => item.age > 20));//false

  

posted @   Atom++  阅读(40)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示