首页 > 技术文章 > JavaScript-json数组排序

xiaofeixiang 2015-12-15 16:08 原文

排序是开发中不可避免的,最近遇到一个需求需要将JSON数组排序,需求比较简单,实现起来也没什么难度,简单记录下过程:

首先我们需要明白的JavaScript本身的排序是可以传入函数比较的,数组排序如下:

 

var arr = [25, 2, 32, 12, 72, 51, 65, 97, 60, 20];
function descend(a, b) {
    return a<b ? 1 : -1;
}
arr.sort(descend);

 

输出结果:

[ 97, 72, 65, 60, 51, 32, 25, 20, 12, 2 ]//博客园-FlyElephant

JSON数组和数组方法类似,对比如下:

var json = [{
    name: 'keso',
    age: 25
}, {
    name: '博客园-FlyElephant',
    age: 24
}, {
    name: 'http://www.cnblogs.com/xiaofeixiang/',
    age: 22
}];

function ascend(a, b) {
    return (a.age > b.age) ? 1 : -1;
}
json.sort(ascend);
console.log(json);

输出结果:

[ { name: 'http://www.cnblogs.com/xiaofeixiang/', age: 22 },
  { name: '博客园-FlyElephant', age: 24 },
  { name: 'keso', age: 25 } ]

如果想更好的封装一下可以写成类的形式,类写法:

function JsonSort(obj, field, sortby) {
    this.obj = obj;
    this.field = field;
    this.sortby = sortby;
}

JsonSort.prototype.sort= function() {
	var $this=this;
    var ascend = function(a, b) {
        return a[$this.field] > b[$this.field] ? 1 : -1;
    };
    var descend = function(a, b) {
        return a[$this.field] > b[$this.field] ? -1 : 1;
    };
    if (this.sortby == "ascend") {
        this.obj.sort(ascend);
    } else {
        this.obj.sort(descend);
    }
};
var jsonSort=new JsonSort(json,'age','ascend');
jsonSort.sort();
console.log(json);

如果你有更好的方法,欢迎探讨~

 

推荐阅读