首頁猿問數(shù)據(jù)轉(zhuǎn)化的問題

數(shù)據(jù)轉(zhuǎn)化的問題

JavaScript

慕桂英3389331 2019-05-25 14:55:41

假如說我現(xiàn)在有一段這樣的數(shù)據(jù)type=line&areaStyle.show=true&lineStyle.normal.color=#000&lineStyle.normal.width=2type=bar&areaStyle.show=false&lineStyle.normal.color=#fff&lineStyle.normal.width=從數(shù)據(jù)中我們可以看出從type開始到lineStyle.normal.width結(jié)束重復了，我需要的是重復了幾次就往數(shù)組里塞幾個對象，以上重復了兩段那么最終的格式如下，我是一點都摸不著頭緒，js這方面比較弱，望大神指點，最好能簡單闡述下思路我可以慢慢研究[{type:'line',areaStyle:{show:true},lineStyle:{normal:{color:'#000',width:2}}},{type:'bar',areaStyle:{show:true},lineStyle:{normal:{color:'#fff'width:}}},]

查看完整描述

2 回答

慕少森

TA貢獻2019條經(jīng)驗獲得超9個贊

思路：1.先以根據(jù)”type“分割數(shù)據(jù)，a=[type1,type2,type3...]2.對type1根據(jù)”&“分割數(shù)據(jù)，b=[&1,&2,&3...]3.然后再對&1分割的一條鍵值對根據(jù)"="分割,key=value4.檢測key中是否含有".",根據(jù)不同情況進行格式化,是一個普通對象，還是嵌套的對象。重復3，4直到b數(shù)組中數(shù)據(jù)處理完?；氐?，處理type2,以此類推。第4步，一個思路，拼成JSON字符串再解析：varstr="lineStyle.normal.color=#000";functionformat4(str){vararr=str.split("=");//這里將值都轉(zhuǎn)成了字符串;可另寫對數(shù)字和布爾值和空值時的處理varval='\"\:\"'+arr[1]+"\"";varkeys=arr[0];varend="}";varres=keys.replace(/\./g,function(){end+="}"return"\":{\""});res="{\""+res+val+end;returnJSON.parse(res);}format4(str)