JS中的reduce()用法

1. 语法

arr.reduce(callback, initialValue)

callback:每个元素都要执行的回调函数

initicalValue:作为第一次调用 callback 的第一个参数。

2. 回调函数的参数

1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue）,这个值可以使引用数据类型）
2、currentValue （数组中当前被处理的元素）
3、index （当前元素在数组中的索引）
4、array （调用 reduce函数的数组）

3. 实例解析

数组元素求和

var arr = [1,2,3,4];
var sum = arr.reduce(function(pre, item, index, arr){console.log(pre, item, index);return pre + item;
});
console.log(sum);

数组元素求乘积

var arr = [1,2,3,4];
var mul = arr.reduce(function(pre, item, index, arr){console.log(pre, item, index);return pre * item;
});
console.log(mul);

判断数组元素出现次数

var arr = [1,2,3,'str1',"str2","str2",1,2];
arr.reduce(function(pre, item, index, arr){console.log(pre, item);if(item in pre){pre[item]++;} else{pre[item] = 1;}return pre;
},{})	//初始pre是一个空对象

去除数组中的重复元素

var arr = [1,2,3,'str1',"str2","str2",1,2,true,true,false,{},{}];
var newArr = arr.reduce(function(pre,item){if(!pre.includes(item)){pre.push(item);}return pre;
},[])	//初始pre是个空数组
console.log(newArr);	
//[1, 2, 3, 'str1', 'str2', true, false, {}, {}]

数组内部分组

//给定一个数组var a = [1,2,3,4,5,6,7,...]
//使用一次reduce,五个元素一组。
var arr = [1,2,3,4,5,6,7,8,9,10,11,12];
arr.reduce(function(pre, item, index, arr) {var begin = index * 5;var end = begin + 5;var result = arr.slice(begin,end);if(result.length){pre.push(result);}return pre;
},[])