文章詳情頁
JS使用for in有序獲取對(duì)象數(shù)據(jù)
瀏覽:80日期:2024-05-08 11:50:06
需要遍歷對(duì)象,將key value分為兩個(gè)數(shù)組,可以使用forin,但是獲取到的對(duì)象中的屬性及屬性值排列是無序的,
目的是要按順序取出對(duì)象中的key和value值。
實(shí)現(xiàn)效果:
比如接口返回的對(duì)象格式:
需要轉(zhuǎn)換的格式:
實(shí)現(xiàn)代碼:
//按序輸出數(shù)據(jù)for(let i in res.data.allMap){ this.mapTime.push(i);}this.mapTime.sort();this.mapTime.map((item) => { this.mapValue.push(res.data.allMap[item])})
實(shí)現(xiàn)思想:
還是先使用forin取出對(duì)象中的所有屬性key,然后對(duì)該數(shù)組排序,再去原數(shù)組中匹配key值獲取到對(duì)應(yīng)的value值存放到另一個(gè)數(shù)組中即可。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
JavaScript
相關(guān)文章:
1. idea設(shè)置自動(dòng)導(dǎo)入依賴的方法步驟2. Jsp中request的3個(gè)基礎(chǔ)實(shí)踐3. XML入門的常見問題(一)4. jsp EL表達(dá)式詳解5. IntelliJ IDEA 統(tǒng)一設(shè)置編碼為utf-8編碼的實(shí)現(xiàn)6. Django ORM實(shí)現(xiàn)按天獲取數(shù)據(jù)去重求和例子7. idea給項(xiàng)目打war包的方法步驟8. chat.asp聊天程序的編寫方法9. idea修改背景顏色樣式的方法10. 怎樣才能用js生成xmldom對(duì)象,并且在firefox中也實(shí)現(xiàn)xml數(shù)據(jù)島?
排行榜
