首頁猿問有沒有人遇到過這個問題哈！請教一下...

有沒有人遇到過這個問題哈！請教一下javascript 數(shù)據(jù)格式轉(zhuǎn)換問題各位有什么建議？

JavaScript

藍(lán)山帝景 2019-06-09 11:28:48

有一個原始數(shù)組格式如下[{Voltage:[{value:"-",timestamp:1551082567000,status:-2}{value:125,timestamp:1551082321000,status:1}{value:123,timestamp:1551082251000,status:1}]},{Ammeter:[{value:20,timestamp:1551082567000,status:-2}{value:15,timestamp:1551082321000,status:1}{value:13,timestamp:1551082251000,status:1}]}]Voltage和Ammeter名稱都是動態(tài)改變的。請問一下如何才能使這個數(shù)組轉(zhuǎn)換成以下格式？[{Voltage:'-',Ammeter:20,timestamp:1551082567000,Voltage_status:-2,Ammeter_status:-2},{Voltage:125,Ammeter:15,timestamp:1551082321000,Voltage_status:1,Ammeter_status:1},{Voltage:123,Ammeter:13,timestamp:1551082251000,Voltage_status:1,Ammeter_status:1}]謝謝大家不吝賜教！

查看完整描述

2 回答

繁星coding

TA貢獻(xiàn)1797條經(jīng)驗獲得超4個贊

functiontransformData(original){constmapOriginal=original.map(item=>Object.keys(item).map(category=>item[category].map(categoryData=>({...categoryData,[category]:categoryData.value,[`${category}_status`]:categoryData.status,})))).reduce((a,b)=>(a.reduce((p,n)=>p.concat(n))).concat((b.reduce((p,n)=>p.concat(n)))))constobj={}mapOriginal.forEach(d=>{if(!obj[d.timestamp]){obj[d.timestamp]=d}Object.assign(obj[d.timestamp],d)})returnObject.values(obj).map(item=>{deleteitem['value']deleteitem['status']returnitem})}

反對回復(fù) 2019-06-09

海綿寶寶撒

TA貢獻(xiàn)1809條經(jīng)驗獲得超8個贊

這種處理，在后臺用數(shù)據(jù)庫做可能很簡單，就是個join的問題，非要在前端做就麻煩了。timestamp作為key。用一個map給Ammeter數(shù)組建索引，然后掃描Voltage數(shù)組生成結(jié)果，typescript這樣寫:letm:Map=newMap();//掃描Ammeter數(shù)組for(letaofd[1].Ammeter){m.set(a.timestamp,a);}//掃描Voltageletret:Array=[];for(letvofd[0].Voltage){lets:number=v.timestamp;leta=m.get(s);letitem={Voltage:v.value,...};if(a){item['Ammeter']=a.value;...//其他的Ammeter屬性}ret.push(item);}