es6 数组问题

Question

"showModule":[{
"action_id":"21",
"action_name":"待办任务",
"action_type":"1",
"order":"1",
"pid":"0"
},{
"action_id":"20",
"action_name":"物业资源管理",
"action_type":"1",
"order":"2",
"pid":"0",
"son":[{
"action_id":"22",
"action_name":"楼栋管理",
"action_type":"2",
"order":"1",
"pid":"20",
"son":[{
"action_id":"23",
"action_name":"添加",
"action_type":"3",
"order":"1",
"pid":"22"
},{
"action_id":"24",
"action_name":"修改",
"action_type":"3",
"order":"2",
"pid":"22"
},{
"action_id":"25",
"action_name":"删除",
"action_type":"3",
"order":"4",
"pid":"22"
},{
"action_id":"31",
"action_name":"详情",
"action_type":"3",
"order":"4",
"pid":"22"
}]
},{
"action_id":"26",
"action_name":"房间管理",
"action_type":"2",
"order":"2",
"pid":"20",
"son":[{
"action_id":"27",
"action_name":"添加",
"action_type":"3",
"order":"1",
"pid":"26"
},{
"action_id":"28",
"action_name":"修改",
"action_type":"3",
"order":"2",
"pid":"26"
},{
"action_id":"29",
"action_name":"删除",
"action_type":"3",
"order":"3",
"pid":"26"
},{
"action_id":"30",
"action_name":"详情",
"action_type":"3",
"order":"4",
"pid":"26"
}]
}],
数据结构是这样的
我想处理一下数据结构变成下面这样,应该怎么写呢
showModule:{
label:action_name,
value:action_id,
son:[
{
label:action_name,
value:action_id,
son:{
label:action_name,
value:action_id,
}
},
{
label:action_name,
value:action_id
}
]
}
这么写就能循环一级啊在item.son上用map就报错了
constmapData=data.showModule.map(item=>({
label:item.action_name,
value:item.action_id,
subModule:item.son
}))

Answer 1

我觉得题主之所以想处理成label、value这样的结构，应该是页面的UI组件渲染需要这样的键值对才能渲染；要用到的就是action_id、action_name，分别对应转化为value、label就行了，对象里面的其他键值对可以不用管了，不影响页面渲染。因此只要写成下面的就行了：data.showModule=JSON.stringify(data.showModule).relace(/action_id/g,'value').replace(/action_name/g,'label');