這篇文章主要為大家展示了JS怎么使用for in有序獲取對象數(shù)據(jù),內(nèi)容簡而易懂,希望大家可以學(xué)習一下,學(xué)習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
創(chuàng)新互聯(lián)主營義馬網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),義馬h5小程序制作搭建,義馬網(wǎng)站營銷推廣歡迎義馬等地區(qū)企業(yè)咨詢
需要遍歷對象,將key value分為兩個數(shù)組,可以使用forin,但是獲取到的對象中的屬性及屬性值排列是無序的,
目的是要按順序取出對象中的key和value值。
實現(xiàn)效果:
比如接口返回的對象格式:
需要轉(zhuǎn)換的格式:
實現(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]) })
實現(xiàn)思想:
還是先使用forin取出對象中的所有屬性key,然后對該數(shù)組排序,再去原數(shù)組中匹配key值獲取到對應(yīng)的value值存放到另一個數(shù)組中即可。
以上就是關(guān)于JS怎么使用for in有序獲取對象數(shù)據(jù)的內(nèi)容,如果你們有學(xué)習到知識或者技能,可以把它分享出去讓更多的人看到。