Json按某個(gè)鍵的值進(jìn)行排序
下面是js代碼:(請(qǐng)將其保存為sortJson.js)
$(document).ready(function () { //對(duì)json進(jìn)行降序排序函數(shù) var colId="age" var desc = function(x,y) { return (x[colId] < y[colId]) ? 1 : -1 } //對(duì)json進(jìn)行升序排序函數(shù) var asc = function(x,y) { return (x[colId] > y[colId]) ? 1 : -1 } var arr2 = [ {name:"kitty", age:12}, {name:"sonny", age:9}, {name:"jake", age:13}, {name:"fun", age:24} ]; document.writeln("按age進(jìn)行升序排序:<br>"); arr2.sort(asc); //升序排序 document.writeln(JSON.stringify(arr2)); document.writeln("<br>按age進(jìn)行降序排序:<br>"); arr2.sort(desc); //降序排序 document.writeln(JSON.stringify(arr2)); });
下面是html代碼:
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="sortJson.js"></script> </head> <body> </body> </html>
下面是排序的結(jié)果:
以上所述是小編給大家介紹的Json按某個(gè)鍵的值進(jìn)行排序,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JS根據(jù)json數(shù)組多個(gè)字段排序及json數(shù)組常用操作
- JavaScript對(duì)JSON數(shù)組簡(jiǎn)單排序操作示例
- JS實(shí)現(xiàn)json對(duì)象數(shù)組按對(duì)象屬性排序操作示例
- json格式數(shù)據(jù)的添加,刪除及排序方法
- json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
- 基于JavaScript實(shí)現(xiàn)Json數(shù)據(jù)根據(jù)某個(gè)字段進(jìn)行排序
- JavaScript對(duì)JSON數(shù)據(jù)進(jìn)行排序和搜索
- JSON 數(shù)字排序多字段排序介紹
- JS實(shí)現(xiàn)對(duì)json對(duì)象排序并刪除id相同項(xiàng)功能示例
- JS實(shí)現(xiàn)json數(shù)組排序操作實(shí)例分析
相關(guān)文章
Canvas實(shí)現(xiàn)動(dòng)態(tài)粒子文字效果的代碼示例
這篇文章主要介紹了如何用Canvas實(shí)現(xiàn)動(dòng)態(tài)粒子文字效果,文中有完整的代碼示例,文章通過(guò)代碼介紹的非常清楚,感興趣的小伙伴跟著小編一起來(lái)看看吧2023-08-08JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-042014最熱門(mén)的JavaScript代碼高亮插件推薦
本文給大家推薦今年最流行最熱門(mén)的7款JavaScript代碼高亮插件,各有優(yōu)缺點(diǎn),大家根據(jù)下面的介紹,選擇最適合自己的一款吧。2014-11-11javascript 中String.match()與RegExp.exec()的區(qū)別說(shuō)明
最近看了javascript權(quán)威指南 里面的正則部分,match和exec方法有一些相同點(diǎn)和不同點(diǎn),在這里寫(xiě)一下加深一下印象2013-01-01JS+CSS實(shí)現(xiàn)簡(jiǎn)單滑動(dòng)門(mén)(滑動(dòng)菜單)效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)簡(jiǎn)單滑動(dòng)門(mén)(滑動(dòng)菜單)效果,通過(guò)JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)設(shè)置頁(yè)面元素樣式實(shí)現(xiàn)滑動(dòng)菜單功能,需要的朋友可以參考下2015-09-09