map, filter, reduce的用法

map

map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变
map不改变原数组，返回一个原数组处理之后的新的数组
map 有且必须有return ，否则新数组各项值为undefined

		let arr=[2,3,4,5];
        let a=arr.map(e=>{
            return e=e*2
        })
        console.log(arr)//[2,3,4,5]
        console.log(a)//[4,6,8,10]

filter

filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组
作用：通过条件筛选并返回复合条件的值
返回返回值：返回值是一个新数组,回调函数返回值为true，就把循环的这一项放在新数组中，如果为fasle，就忽略。

var arr= [20,30,40,99,100]
var Newarr = arr.filter((v,index) =>{
	return v>50;
})
console.log(Newarr) // [99,100]

reduce方法

reduce函数主要用于对数组所以元素的汇总操作，如全部相加、相乘等
作用：计算数组中所有的key计算结果，
回调参数：1. 没有初始值，是数组的第一项,2. 没有初始值，是数组的第二项

运行过程

• 没有初始值
  • 第一调用回调函数，接收的是数组的第一项和第二项。
  • 第二次调用回调函数，接收的第一个参数是调用上一个回调函数（第一个）的返回值，第二参数是数组的第三项；
  • 第三次调用函数，接收的第一个参数是调用上一个回调函数（第二次）的返回值，第二参数是数组的第四项。。。。。
• 有初始值
  • 第一次调用回调函数，回调函数的第一参数是传入的初始值，第二分参数是数组的第一项
  • 第二次调用回调函数，接收的第一个参数是调用上一个回调函数（第一个）的返回值，第二参数是数组的第三项；
  • 第三次调用函数，接收的第一个参数是调用上一个回调函数（第二次）的返回值，第二参数是数组的第四项

		let d=arr3.reduce((total,e)=>{
            
            return total+=e
        })
        console.log(arr3)//[2,3,4,5]
        console.log(d)//14
        //reduce必须有return 若无return 返回值为undefined

区别

1. 相同点
   • 都会循环遍历数组中的每一项；
   • map()、forEach()和filter()方法里每次执行匿名函数都支持3个参数，参数分别是：当前元素、当前元素的索引、当前元素所属的数组；
   • 只能遍历数组。
2. 不同点
   • map()和filter()会返回一个新数组，不对原数组产生影响；educe()函数是把数组缩减为一个值(比如求和、求积)；
   • reduce()有4个参数，第一个参数为初始值。