首頁(yè) 猿問 es6 數(shù)組問題

es6 數(shù)組問題

JavaScript

qq_遁去的一_1 2019-05-10 15:26:28

"showModule":[{"action_id":"21","action_name":"待辦任務(wù)","action_type":"1","order":"1","pid":"0"},{"action_id":"20","action_name":"物業(yè)資源管理","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"}]}],數(shù)據(jù)結(jié)構(gòu)是這樣的我想處理一下數(shù)據(jù)結(jié)構(gòu)變成下面這樣,應(yīng)該怎么寫呢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}]}這么寫就能循環(huán)一級(jí)啊在item.son上用map就報(bào)錯(cuò)了constmapData=data.showModule.map(item=>({label:item.action_name,value:item.action_id,subModule:item.son}))

查看完整描述

2 回答

繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

我覺得題主之所以想處理成label、value這樣的結(jié)構(gòu)，應(yīng)該是頁(yè)面的UI組件渲染需要這樣的鍵值對(duì)才能渲染；要用到的就是action_id、action_name，分別對(duì)應(yīng)轉(zhuǎn)化為value、label就行了，對(duì)象里面的其他鍵值對(duì)可以不用管了，不影響頁(yè)面渲染。因此只要寫成下面的就行了：data.showModule=JSON.stringify(data.showModule).relace(/action_id/g,'value').replace(/action_name/g,'label');

反對(duì) 回復(fù) 2019-05-10