快捷導(dǎo)航

Json按某個(gè)鍵的值進(jìn)行排序

更新時(shí)間：2016年12月22日 14:02:12 作者：甜妹

這篇文章主要介紹了json按某個(gè)鍵的值進(jìn)行排序的相關(guān)資料,代碼簡單易懂，非常不錯(cuò)，需要的朋友可以參考下

下面是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ì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

小程序圖片剪裁加旋轉(zhuǎn)的示例代碼
這篇文章主要介紹了小程序圖片剪裁的示例代碼，可以通過手勢(shì)控制旋轉(zhuǎn)縮放移動(dòng)，也可以點(diǎn)擊旋轉(zhuǎn)進(jìn)行90度旋轉(zhuǎn)，非常具有實(shí)用價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
Canvas實(shí)現(xiàn)動(dòng)態(tài)粒子文字效果的代碼示例
這篇文章主要介紹了如何用Canvas實(shí)現(xiàn)動(dòng)態(tài)粒子文字效果,文中有完整的代碼示例,文章通過代碼介紹的非常清楚,感興趣的小伙伴跟著小編一起來看看吧
2023-08-08
JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-04-04
動(dòng)態(tài)控制Table的js代碼
動(dòng)態(tài)控制Table的js代碼...
2007-03-03
JS原生手寫輪播圖效果
這篇文章主要為大家詳細(xì)介紹了JS原生手寫輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
2014最熱門的JavaScript代碼高亮插件推薦
本文給大家推薦今年最流行最熱門的7款JavaScript代碼高亮插件，各有優(yōu)缺點(diǎn)，大家根據(jù)下面的介紹，選擇最適合自己的一款吧。
2014-11-11
Javascript 去除數(shù)組的重復(fù)元素
在js中，如何去除指定數(shù)組中的重復(fù)元素？
2010-05-05
禁止空格提交表單的js代碼
只要有文本框的地方按下回車鍵就會(huì)自動(dòng)刷新.最后終于找到了解決的方法在此與大家分享下，感興趣的朋友不要錯(cuò)過
2013-11-11
javascript 中String.match()與RegExp.exec()的區(qū)別說明
最近看了javascript權(quán)威指南里面的正則部分，match和exec方法有一些相同點(diǎn)和不同點(diǎn)，在這里寫一下加深一下印象
2013-01-01
JS+CSS實(shí)現(xiàn)簡單滑動(dòng)門(滑動(dòng)菜單)效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)簡單滑動(dòng)門(滑動(dòng)菜單)效果,通過JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)設(shè)置頁面元素樣式實(shí)現(xiàn)滑動(dòng)菜單功能,需要的朋友可以參考下
2015-09-09