JS實現(xiàn)json數(shù)組排序操作實例分析
本文實例講述了JS實現(xiàn)json數(shù)組排序操作。分享給大家供大家參考,具體如下:
有時需要根據(jù)json對象的某個屬性排序json數(shù)組,javascript端有sort這個函數(shù),具體可以參考:http://www.w3school.com.cn/jsref/jsref_sort.asp
我們可以傳入一個對比函數(shù),我實現(xiàn)了兩個:一個降序排列,一個升序排列
/** * json對象數(shù)組按照某個屬性排序:降序排列 * @param {Object} propertyName */ function compareDesc(propertyName) { return function(object1, object2) { var value1 = object1[propertyName]; var value2 = object2[propertyName]; if(value2 < value1) { return -1; } else if(value2 > value1) { return 1; } else { return 0; } } } /** * json對象數(shù)組按照某個屬性排序:升序排列 * @param {Object} propertyName */ function compareAsc(propertyName) { return function(object1, object2) { var value1 = object1[propertyName]; var value2 = object2[propertyName]; if(value2 < value1) { return 1; } else if(value2 > value1) { return -1; } else { return 0; } } }
例子:
var students=[{name:"hhhh",age:16},{name:"ggggg",age:17},{name:"dsdsad",age:18}]; students.sort(compareDesc("age")); //按照年齡降序排列 console.log(students);
運行結果:
var students=[{name:"hhhh",age:16},{name:"ggggg",age:17},{name:"dsdsad",age:18}]; students.sort(compareAsc("age")); //按照年齡升序排列 console.log(students);
運行結果:
PS:關于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉換工具:
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關于JavaScript相關內(nèi)容可查看本站專題:《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript 數(shù)組去重并統(tǒng)計重復元素出現(xiàn)的次數(shù)實例
下面小編就為大家分享一篇JavaScript 數(shù)組去重并統(tǒng)計重復元素出現(xiàn)的次數(shù)實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12JavaScript與jQuery中文檔就緒函數(shù)的區(qū)別
這篇文章主要介紹了JavaScript與jQuery中文檔就緒函數(shù)的區(qū)別,文章內(nèi)容介紹詳細,具有一的的參考價值,需要的小伙伴可以參考一下2022-03-03JavaScript實現(xiàn)表單注冊、表單驗證、運算符功能
在本篇文章里我們給大家整理了關于JavaScript中表單注冊、表單驗證、運算符的代碼示例,有興趣的朋友們可以測試學習下。2018-10-10JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關閉或者刷新,這篇文章主要給大家介紹了關于JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件的相關資料,需要的朋友可以參考下2023-11-11JavaScript使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結合實例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關操作注意事項,需要的朋友可以參考下2019-11-11在SSM框架下用laypage和ajax實現(xiàn)分頁和數(shù)據(jù)交互的方法
今天小編大家分享一篇在SSM框架下用laypage和ajax實現(xiàn)分頁和數(shù)據(jù)交互的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript數(shù)值數(shù)組排序示例分享
在Javascript中我們已知有兩個可以直接用來進行數(shù)組排序的方法reverse()和sort()。其中reverse()是按照反向?qū)τ跀?shù)組進行排序的,而sort()是按照正向進行排序的。2014-05-05