利用Map结构数据重组
Map 结构相关知识 请跳转阮一峰ES6教程
场景:
数据是这样的,但是在某些页面中我并不想要这样的数据 ,我想要的数据形式为: 在某个时间下有多少任务(任务含有任务详情数据)。
所以就要进行数据重组。
像这样简单的数据重组在前端是非常简单的。利用ES6 Map结构。达到数据的重组目的。重组后的数据形式为:
let map = new Map();
data.forEach( x => {
if(!map.has(x.viewTime)){
map.set(x.viewTime,{
viewTime:x.viewTime,
taskId:x.taskId,
taskDetail:[]
})
}
map.get(x.viewTime).taskDetail.push({
applyStatus:x.applyStatus,
area:x.area,
desc:x.desc,
hasStored:x.hasStored,
image:x.image,
producer:x.producer,
title:x.title,
})
data = Array.from(map.values());
console.log(data);
})
通过上面的代码就能完成数据的重组