首頁猿問請教一下javascript...

請教一下javascript 數(shù)據(jù)格式轉(zhuǎn)換問題跪求！

JavaScript

動漫人物 2019-08-17 10:57:17

有一個(gè)原始數(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)改變的。請問一下如何才能使這個(gè)數(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 回答

搖曳的薔薇

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

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-08-17

有只小跳蛙

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

這種處理，在后臺用數(shù)據(jù)庫做可能很簡單，就是個(gè)join的問題，非要在前端做就麻煩了。timestamp作為key。用一個(gè)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);}