最近在做一个库存系统，在Web展示界面，需要统计数据。在服务器后台入库操作的时候，也需要统计数据。而且是统计对象数组里某个属性的数据之和。又不想单独使用sql语句进行统计，想拿现成的数据进行统计，怎么办呢？
一、服务器端的处理 1、服务器端的统计，轻车熟路，使用 Java Stream API：
// 模拟一组用户数据
List<UserInfo> userInfoList = new ArrayList<UserInfo>(10);
UserInfo userInfo;
for(int i=1;i<10;i++){
userInfo = new UserInfo();
userInfo.setUserUid(i+ "");
userInfo.setUserName("用户"+i);
userInfo.setAge(i);
// 性别各一半
userInfo.setSex((byte) (i%2));
userInfoList.add(userInfo);
}
Integer sum = userInfoList.stream().map(item->item.getAge()).mapToInt(Integer::intValue).sum();
logger.info("年龄总和:{}",sum);
首先调用 Stream API，然后通过map方法把要统计的属性抽离出来，接着通过mapToInt 方法转换成 Integer 型数据，最后调用 IntStream 的sum方法把和求出来。
List 集合继承了 Collection 接口，stream() 又是 Collection 接口中的方法，所以 List 集合的子类 ArrayList 可以调用 stream() 方法。
mapToInt 返回的是 IntStream 对象，在 mapToInt 方法中把数据转换成 Integer 对象，最后调用 IntStream 的sum方法把和求出来。
2、除此之外，还想到了reduce函数，reduce是动词，浓缩、减少的意思，这个方法怎么用呢？
sum = userInfoList.stream().map(item->item.getAge()).reduce((x, y) -> Integer.sum(x,y)).orElse(0);
logger.info("年龄总和:{}", sum);
首先调用 Stream API，然后通过map方法把要统计的属性抽离出来，接着调用reduce 方法，在reduce方法中调用 Integer的sum求和方法，最后增加了一个保险orElse 方法，如果为 null 则返回 0。
reduce() 也是 IntStream接口中的方法，该方法相当于以下 10 多行代码，在最后一行返回的时候，使用的是三目运算符，有可能返回 Optional.empty()，我们又是使用 Integer 类型接收的，因此需要给它为空的时候设置一个默认值，也就是 orElse(0) 方法。
运行结果是一致的，都是Stream API中的方法，都可以避开循环，把数字统计出来。
3、有朋友说，这个年龄有可能为null，这两个统计会不会出现异常呢？
咱们就来试一下，增加一个年龄为null的数据。
运行结果，它们都出错了，空指针错误：
这个好办，再增加一个过滤方法 filter，把为空的数据过滤一下就可以了。
Integer ages = userInfoList.stream().filter(item->item.getAge()!=null).map(item->item.getAge()).mapToInt(Integer::intValue).sum();
logger.info("年龄总和:{}",ages);
ages = userInfoList.stream().filter(item->item.getAge()!=null).map(item->item.getAge()).reduce((x, y) -> Integer.sum(x,y)).orElse(0);
logger.info("年龄总和:{}",ages);
二、JS中的处理
在JS中，我们使用相同的思路，先把对象数组中每个对象需要统计的属性拎出来，然后使用reduce函数进行计算。
var userInfoList = [{'age':5},{'age':3},{'age':2}];
运行结果：
没想到 JS 中也有相同的方法，只是在使用的时候稍微有一点语法差别。
reduce 方法的语法结构：
当然，JS是弱语言，能运行不报错就行，也没有那么多的讲究。这个方法还可以设置一个初始值，标准的写法应该是这样的：
let sum = userInfoList.map((item)=>item.age).reduce(function(prev, cur, index, arr) {
return prev + cur;
}, 0);
console.log(sum);
好吧，还是刚刚的写法简单。
把数据复杂化一下，再加一个空字符串，运行依旧正常。再加一个未定义，这下输出不对了。没关系，在抽离属性前，再加一层过滤，OK，问题解决。
var userInfoList = [{'age':5},{'age':3},{'age':2},{'age':''},{'age':undefined}];
console.log(userInfoList);
console.log(userInfoList.filter((item)=>item.age!=undefined).map((item)=>item.age).reduce((x,y)=>x+y));
最后总结一下，不管是服务器端，还是前端页面，统计数据的思路是一样的。第一步把数组中要统计的对象的属性抽离出来，第二步使用函数开始统计。对比之下，服务器端的实现复杂了一点。
