欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

map(),filter(),reduce()高阶函数使用箭头函数

程序员文章站 2022-06-12 22:15:41
...

首先先梳理一边三个函数的作用:

Filter( ) 函数主要是过滤作用,即可以看作是筛选出符合一定条件的数组元素并形成新的数组,且NewArr.length<=OriArr.length。新数组的长的会减小或不变。用箭头函数表示即:

let NewArr = OriArr,filter ( n => n < 100 ) //筛选出数组元素小于100的元素
//并新城新的数组

map( ) 函数主要是映射新的数组,遍历数组。我是这样去理解这个函数的,类似于我们学习数学中的函数一样,Y和X之间的函数关系,在集合中的映射关系。所以粗略的理解成 f(x): Y=2X+11 这样子的函数关系其实就比较好理解一点,X的取值范围是OriArr数组,Y的取值范围是NewArr数组。两个数组对应元素的关系就是法则 f(x)。map函数的结果是形成一个新的数组,NewArr.length=OriArr.length 长度相等。 箭头函数表示如下:

let NewArr = OriArr,map(  n => n * 2 + 1 )

reduce函数汇总作用,简单来说就是遍历数组元素最后返回一个值。因此可以做相加,相乘这类型操作。箭头函数表示如下:

let NewNumber = OriArr .reduce (( sum , n )=> sum + n);
相关标签: javascript