JS数组reduce()方法详解及高级技巧

JS数组reduce()方法详解及高级技巧

基本概念
我一直觉得一个知识点讲的太多容易误导大家，让人生怯
reduce() 网上reduce方法说的太复杂，其实掌握这些技能你的开发效率就能大大提升

简单应用

例1：叠加

var items = [10, 120, 1000];
var total = items.reduce((sumSoFar, item) => {
	return sumSoFar + item;
}, 0);

console.log(total); // 1130

当然你也可以接收对象

var items = [10, 120, 1000];
var total = items.reduce((sumSoFar, item) => {
	return sumSoFar.sum + item;
}, {sum: 0});

console.log(total); // {sum:1130}

看到例一应该能明白第一个参数就是上一次调用回调返回的值，或者是提供的初始值。第二个参数就是遍历数组的值，其实我们再项目开发当中大多做的事情就是对数组中每个json对象所进行的操作
欢迎大家入Q群426334209 交流前端技术