小編給大家分享一下JS如何實現(xiàn)json對象數(shù)組按對象屬性排序操作,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
專注于為中小企業(yè)提供網(wǎng)站設計制作、成都網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)曲麻萊免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了近千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務器之前驗證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies,包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進行服務器端編程。
在實際工作經(jīng)常會出現(xiàn)這樣一個問題:后臺返回一個數(shù)組中有i個json數(shù)據(jù),需要我們根據(jù)json中某一項進行數(shù)組的排序。
例如返回的數(shù)據(jù)結(jié)構(gòu)大概是這樣:
{ result:[ {id:1,name:'中國銀行'}, {id:3,name:'北京銀行'}, {id:2,name:'河北銀行'}, {id:10,name:'保定銀行'}, {id:7,name:'淶水銀行'} ] }
現(xiàn)在我們根據(jù)業(yè)務需要,要根據(jù)id的大小進行排序,按照id小的json到id大的json順序重新排列數(shù)組的順序
在js中添加排序的方法:
這里使用JavaScript sort()
方法,首先解釋下這個sort的方法
語法:arrayObject.sort(sortby)
sortby:可選,規(guī)定排序順序。必須是函數(shù)。
如果調(diào)用該方法時沒有使用參數(shù),將按字母順序?qū)?shù)組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。要實現(xiàn)這一點,首先應把數(shù)組的元素都轉(zhuǎn)換成字符串(如有必要),以便進行比較。
如果想按照其他標準進行排序,就需要提供比較函數(shù),該函數(shù)要比較兩個值,然后返回一個用于說明這兩個值的相對順序的數(shù)字。比較函數(shù)應該具有兩個參數(shù) a 和 b,其返回值如下:
若 a 小于 b,在排序后的數(shù)組中 a 應該出現(xiàn)在 b 之前,則返回一個小于 0 的值。
若 a 等于 b,則返回 0。
若 a 大于 b,則返回一個大于 0 的值。
下面開始使用sort(sortby)
來進行這個排序,并打印到控制臺:
function sortId(a,b){ return a.id-b.id } result.sort(sortId); console.log(result);
完整測試示例代碼:
www.jb51.net json數(shù)組排序
然后查看控制臺,排序成功:
看完了這篇文章,相信你對“JS如何實現(xiàn)json對象數(shù)組按對象屬性排序操作”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!