JS使用for in有序獲取對象數(shù)據(jù)
更新時間：2020年05月19日 09:23:32 作者：蘇小落
這篇文章主要介紹了JS使用for in有序獲取對象數(shù)據(jù),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
需要遍歷對象，將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ù)組中即可。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了javascript中apply/call和bind的使用。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
通過百度地圖獲取公交線路的站點坐標的js代碼，需要的朋友可以參考下2012-05-05
js獲取當前日期昨天、今天、明天日期的不同方法總結(jié)
JS中處理日期時間常用Date對象,下面這篇文章主要給大家介紹了關(guān)于利用js獲取當前日期昨天、今天、明天日期的不同方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
本文主要介紹了js阻止移動端頁面滾動的兩種方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JS實現(xiàn)面向?qū)ο罄^承的5種方式,結(jié)合實例形式分析了JavaScript面向?qū)ο罄^承功能的5種常見實現(xiàn)方法原理與操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細介紹了js手機號批量滾動抽獎實現(xiàn)代碼，s適用于年會等活動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
在學(xué)習(xí)typescript的過程中發(fā)現(xiàn)在vscode上不能很好地的輸出typescript的運行結(jié)果,需要先將typescript編譯為javascript,在通過node執(zhí)行js文件得到結(jié)果,這篇文章給大家介紹如何在vscode上直接運行typescript,感興趣的朋友一起看看吧2023-12-12
js實現(xiàn)類似于add(1)(2)(3)調(diào)用方式的方法
這篇文章主要介紹了js實現(xiàn)類似于add(1)(2)(3)調(diào)用方式的方法,需要的朋友可以參考下2015-03-03
Display SQL Server Version Information
Display SQL Server Version Information...2007-06-06
大家可以參考下代碼，發(fā)現(xiàn)這個真?zhèn)€不錯的思路2008-07-07