百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> javascript对json格式数据进行排序
分享文章到:

javascript对json格式数据进行排序

发布时间:01/15 来源: 浏览: 关键词:
今天看到一站长写了一篇利用js对json数据进行排序操作,下面我就把例子转过来与各位同学一起分享吧,希望些文章对大家理解json会有所帮助。

javascript是弱类型的语言,系统在遍历json数据是会自行判断数据类型进行排序,如下:

 代码如下

<script src="jquery.js"></script>
<script>
var json1 = {
        "2":{"name":"第1条"},
        "1":{"name":"第2条"},
        "3":{"name":"第3条"}
        }
var json2 = {
        "2_str":{"name":"第1条 www.111cn.net"},
        "1_str":{"name":"第2条"},
        "3_str":{"name":"第3条"}      
}
$.each(json1, function(i,item){
        alert(i+":"+item.name);
});
 
$.each(json2, function(i,item){
        alert(i+":"+item.name);
});
</script>


如何对json数据按照指定的排序方式进行排序:

 代码如下

<script src="jquery.js"></script>
<script type="text/javascript">
var json = {"languages": [
    {"id": "1", "name": "PHP", "sort": "1"},
    {"id": "2", "name": "JACSCRIPT", "sort": "3"},
    {"id": "3", "name": "PYTHON", "sort": "4"},
    {"id": "4", "name": "NODE.JS", "sort": "2"}
]};
 
//排序前 www.111cn.net
$.each(json.languages, function(i) {
    alert(json.languages[i].id+"  " +json.languages[i].name+"  sort:"+json.languages[i].sort);       
});
 
//进行排序
json["languages"].sort(function(a,b){
    return a["sort"] > b["sort"] ? 1 : (a["sort"] == b["sort"] ? 0 : -1);
});
 
//排序后
$.each(json.languages, function(i) {
    alert(json.languages[i].id+"  " +json.languages[i].name+"  sort:"+json.languages[i].sort);       
});   
</script>


主要是利用javascript的sort方式将数据按照指定方式排序。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有3人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板