前言
JavaScript 基于reduce()
方法对数组内多对象的同属性运算, reduce()
遍历数组求和, 包含reduce
的基本使用, reduce()
方法内置判定, reduce()
操作数组内对象.
本文的运算以求和为例.
你可以直接略过一二章.
一、前端情况
一个基本是月财务帐表的的任务, 里面需要横向纵向的展示和, 前端负责求和, 后端下班的时候很开心.
然后他走之后我发现这表格数据是一格一格返的, 后面一个多小时我都在骂骂咧咧的帮他处理数据…
我把数据整理成了遍历渲染表格常用的数据结构:
// reportTableAllData
[
[
{
hj: '1234',
sdsaName: 'xxx',
trxnAmt0: '568.78',
trxnAmt1: '56565',
trxnAmt2: '568.54',
trxnAmt3: '44164',
trxnAmt4: '568.78',
trxnAmt5: '55458.78',
trxnAmt6: '568.78',
trxnAmt7: '568.78',
trxnAmt8: '54554.78',
trxnAmt9: '568.78',
trxnAmt10: '57878.78',
trxnAmt11: '568.7544',
trxnAmt12: '565458.78',
trxnAmt13: '5545.78',
},
{
hj: '1234',
sdsaName: 'xxx',
trxnAmt0: '568.78',
trxnAmt1: '56565',
trxnAmt2: '568.54',
trxnAmt3: '44164',
trxnAmt4: '568.78',
trxnAmt5: '55458.78',
trxnAmt6: '568.78',
trxnAmt7: '568.78',
trxnAmt8: '54554.78',
trxnAmt9: '568.78',
trxnAmt10: '57878.78',
trxnAmt11: '568.7544',
trxnAmt12: '565458.78',
trxnAmt13: '5545.78',
},
...除统计末行共43行
],
[
{
hj: '1234',
sdsaName: 'xxx',
trxnAmt0: '568.78',
trxnAmt1: '56565',
trxnAmt2: '568.54',
trxnAmt3: '44164',
trxnAmt4: '568.78',
trxnAmt5: '55458.78',
trxnAmt6: '568.78',
trxnAmt7: '568.78',
trxnAmt8<