专注WEB开发 分享经验,沉淀知识

javascript代码片段:json数组的排序

 作者:chenxing  时间:2016-10-25 17:46  阅读:141  评论:

接口返回的数据格式一般都是json数组的数据。在遍历显示这些数据的时候我们可能要针对json中的某个属性对jsons数组进行排序(比如,年龄、薪资等表示数量的字段进行升序或者降序显示),所以可以对这些频繁使用的功能进行封装。

json数组排序

接口返回的数据格式一般都是json数组的数据。在遍历显示这些数据的时候我们可能要针对json中的某个属性对jsons数组进行排序(比如,年龄、薪资等表示数量的字段进行升序或者降序显示),所以可以对这些频繁使用的功能进行封装。

下面是我封装的一个json排序函数片段:

/**
 * 
 * @param {jons数据} data
 * @param {比较的键} key
 * @param {排序类型,升序或者降序,默认升序} t
 */
function sortJson(data,key,t){
    if(data.constructor != Array) return false; 
    var d = data;
    var type = {
        asc:function(a,b){//升序
            return  a[key] < b[key] ? -1 : 1;
        },
        desc:function(a,b){//降序
            return a[key] < b[key] ? 1 : -1;
        }
    }
    var s = type[t.toLowerCase()] || type.asc;
    d.sort(s);
    return d;
}

使用代码

var apiData = [
    {'name':'张三','age':'18','sex':'男'},
    {'name':'张四','age':'6','sex':'男'},
    {'name':'张五','age':'20','sex':'男'},
    {'name':'张六','age':'60','sex':'男'},
    {'name':'张七','age':'70','sex':'男'}
];//接口数据
var dataAsc = sortJson(apiData,'age','asc');//按照年龄从小到大排列
var dataDesc = sortJson(apiData,'age','DESC');//按照年龄从大到小排列

以上就是代码的片段及应用实例。其核心就是js数组排序函数sort();对这个函数的使用就不在这赘述,可以参考【[JavaScript sort() 方法]】。这里封装的函数是比较通用的,大家也可以根据自己的业务需求进行封装。

除特别注明外,本网站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 https://www.qiusuoweb.com/16.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

一年时间又回到这里

 2019-07-27 16:54  176

PHP字符串转数组的三种场景

 2018-05-05 01:32  217

PHP如何遍历字符串?

 2018-05-04 00:56  1444

api接口常见的安全问题和解决方案

 2018-05-03 23:20  1051

 最新评论

 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里
 花花草草: 10月14日 14:58
tp5不是已经提前开了吗
来源: _SESSION变量未定义?
 疯了: 10月10日 13:40
你好呀,我使用docker构建的 把整个项目给了777 并把runtime的所有者给了nginx php的运行者还是报错
来源: thinkphp5的mkdir() Permission denied问题探讨
 mesecretme: 09月30日 15:30
有个问题,有没有发现用redis保存session的话,session清空redis的key还没过期,会依然保留的,这是值变成空了
来源: php项目redis实现session共享案例