forEach()、map()、reduce()函数比较

1、forEach()函数

var array=[1,2,3,4,5];
array.forEach(item=>{item+3});
console.log(array);    //4,5,6,7,8

2、map()函数

var array=[1,2,3,4,5];
array.map((item)=>{item+1});
console,log(array);    //2,3,4,5,6

3、reduce函数

var array=[1,2,3,4,5];
array.reduce((pre,cur)=>{return pre+cur});
console.log(array);    //15
array.reduce((pre,cur)=>{return pre*cur},10); //10为初始值
console.log(array);    //1200    
//求最大值
let max=array.reduce((pre,cur)=>{return pre>cur?pre:cur})
console.log(max)    //5

注释：另外，如果你在NodeJs的环境中使用reduce几乎没有任何问题，但是如果你在客户端的浏览器使用reduce方法，那可能就要兼容IE8以下的浏览器了。

reduce的一般应用场景：

• 数组求和
• 对象求和

4、reduceRight函数

var arr=[2,3,3,4,5]
let res=arr.reduceRight((pre,cur)=>{return pre*cur},10);
console.log(res);//3600

5、总结

foreEach函数：将数组中的每一个元素取出，然后进行相关操作。
map函数：将数组中的每一个元素放入函数中，进行相关操作，返回一个新的数组
reduce函数：描述了数组中当前元素和其前置元素的关系，常用来处理数组各元素累加、相乘。
reduceRight函数：描述了数组中从右至左开始当前元素与其前置元素的关系。常用来处理前端中间件的运行流程。