首先要明白这个高阶方法都是将函数作为参数或者返回值的函数
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同理,意为过滤器,可以传入函数筛选想要的值或元素