js中对list数组数据进行Map数据结构改造 lambda map
js中对list数组数据进行Map数据结构改造
后端返回的数据类型是list数组
[
{
"processStartUser":"1111",
"taskCreateTime":1590634371219,
"taskCompleteTime":1590634371221,
"taskHandler":"1111",
"taskHandlerType":null,
"taskHandlerOpinion":null,
"taskHandlerLink":null,
"taskHandlerDescription":null,
"taskPractitioner":"1111",
"taskId":null,
"taskName":"开始",
"actId":"start",
"actName":"开始",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":null,
"logisticsNum":null
},
{
"processStartUser":"1111",
"taskCreateTime":1590634371221,
"taskCompleteTime":1590634371236,
"taskHandler":"1111",
"taskHandlerType":null,
"taskHandlerOpinion":null,
"taskHandlerLink":null,
"taskHandlerDescription":null,
"taskPractitioner":"1111",
"taskId":"472718072751329281",
"taskName":"代理商申请",
"actId":"service",
"actName":"代理商申请",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":null,
"logisticsNum":null
},
{
"processStartUser":"1111",
"taskCreateTime":1590634371237,
"taskCompleteTime":null,
"taskHandler":"刘智慧",
"taskHandlerType":null,
"taskHandlerOpinion":null,
"taskHandlerLink":null,
"taskHandlerDescription":null,
"taskPractitioner":"刘智慧",
"taskId":"472718072835215362",
"taskName":"商务审批",
"actId":"business",
"actName":"商务审批",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":null,
"logisticsNum":null
},
{
"processStartUser":"1111",
"taskCreateTime":1590634371247,
"taskCompleteTime":null,
"taskHandler":"Lisa",
"taskHandlerType":null,
"taskHandlerOpinion":null,
"taskHandlerLink":null,
"taskHandlerDescription":null,
"taskPractitioner":"Lisa",
"taskId":"472718072860381187",
"taskName":"商务审批",
"actId":"business",
"actName":"商务审批",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":null,
"logisticsNum":null
},
{
"processStartUser":"1111",
"taskCreateTime":1590634371253,
"taskCompleteTime":null,
"taskHandler":"KiKi",
"taskHandlerType":null,
"taskHandlerOpinion":null,
"taskHandlerLink":null,
"taskHandlerDescription":null,
"taskPractitioner":"KiKi",
"taskId":"472718072885547009",
"taskName":"商务审批",
"actId":"business",
"actName":"商务审批",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":null,
"logisticsNum":null
},
{
"processStartUser":"1111",
"taskCreateTime":1590634371258,
"taskCompleteTime":null,
"taskHandler":"",
"taskHandlerType":"",
"taskHandlerOpinion":"",
"taskHandlerLink":"",
"taskHandlerDescription":"",
"taskPractitioner":"测试商务",
"taskId":"472718072906518531",
"taskName":"商务审批",
"actId":"business",
"actName":"商务审批",
"process_defined_id":null,
"process_instance_id":null,
"taskAuditStatus":"approving",
"taskStatus":"approvePending",
"logisticsNum":""
}
]在js中对list数组进行Map数据结构的改造
//Map数组中的key集合数组
$ctrl.allActList = $ctrl.follow.map(function(item){
return item.actName
})
// key数组去重
$ctrl.equalList = _.uniq($ctrl.allActList)
// 创建Map并set数据
$ctrl.mapList = new Map()
$ctrl.equalList.map(function(item){
var valueList = []
$ctrl.follow.map(function(e){
if(e.actName == item)
valueList.push(e)
$ctrl.mapList.set(item,valueList)
})
})对应的HTML中的代码
其中在HTML中可以通过$ctrl.mapList.get()获取值
<div ng-repeat="item in $ctrl.equalList">
<div style="position:relative;overflow:hidden">
<div class="app-line" style="top:20px"></div>
<div class="dib renew-re" style="top:-4px">
<i class="iconfont icon-time circle-gray" ng-show="!item.taskCompleteTime"></i>
<i class="iconfont icon-zhengque circle-yellow" ng-show="item.taskCompleteTime"></i>
</div>
<div class="dib ml20 vertical-top" style="max-width:90%">
<p>{{item}}</p>
<p ng-repeat="e in $ctrl.mapList.get(item)">处理人：{{e.taskHandler}}
<span ng-show="!e.taskHandler">等待审核</span>
<span ng-show="e.taskHandlerType=='approveReturned'">已退回</span>
<span ng-show="e.taskHandlerType=='approveWithdrawed'">已撤回 撤回环节：{{e.taskHandlerLink}}
</span>
<span>{{e.taskHandlerOpinion}}</span>
<span class="ml10">{{e.taskCompleteTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
</p>
</div>
</div>
</div>循环list套list比较慢，时间复杂度是m*n，list里面用Map取比较快，时间复杂度m+n。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
