数组的三个高阶方法reduce,fliter,map

首先要明白这个高阶方法都是将函数作为参数或者返回值的函数

1.reduce方法

语法
 这个方法接收两个参数:

1)要执行的函数,要执行的函数中也可传入参数,分别为
prev:上次调用函数的返回值
cur:当前元素
index:当前元素cur的索引
arr:被遍历的数组
2)函数迭代的初始值

即一个fn,一个val

先看一下如果只传函数不传初始值:
在这里插入图片描述
打印结果
在这里插入图片描述
所以可以看出,不传初始值的话,会将数组的第一个元素作为prev初始值,所以迭代了三次

传初始值:
在这里插入图片描述
打印结果
在这里插入图片描述

prev从5开始计算,可以看到,这里迭代了4次,结果也加上了初始值。

reduce的应用

1.初级应用
一般的数组元素加或乘
在这里插入图片描述
2.高级应用
1)计算数组中每个元素出现的次数
注意用到if…in,if…in是用在对象中的,数组不行
在这里插入图片描述
打印结果
在这里插入图片描述

2)数组去重:
arr.includes()方法是用在数组中
在这里插入图片描述

3)对象属性求和
在这里插入图片描述
明白了reduce方法,那么map和fliter也就简单了,都是传入一个函数,然后对其进行处理

2)map:

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。

3)fliter

fliter同理,意为过滤器,可以传入函数筛选想要的值或元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值