JavaScript实现JSON数组排序:升序与降序实例解析

作者:拾光时间:2026-10-23 12:25:56浏览:589

本文介绍如何在JavaScript中对JSON对象数组进行排序。通过自定义对比函数,利用Array.prototype.sort方法实现按指定属性值的升序或降序排列,并提供完整的代码示例及运行结果说明。

JavaScript实现JSON数组排序:升序与降序实例解析

本文详细介绍在JavaScript中对JSON数组进行排序的具体实现方法,供读者参考学习。

在实际开发中,常需根据JSON对象的特定属性对数组进行排序。JavaScript内置了sort函数,具体用法可参考W3School相关文档:http://www.w3school.com.cn/jsref/jsref_sort.asp。

sort函数支持传入一个对比函数(compare function),本文提供了两种实现:分别用于数组的降序排列和升序排列。


/**
 * json对象数组按照某个属性排序:降序排列
 * @param {Object} propertyName
 */
function compareDesc(propertyName) {
  return function(object1, object2) {
    var value1 = object1[propertyName];
    var value2 = object2[propertyName];
    if(value2 < value1) {
      return -1;
    } else if(value2 > value1) {
      return 1;
    } else {
      return 0;
    }
  }
}
/**
 * json对象数组按照某个属性排序:升序排列
 * @param {Object} propertyName
 */
function compareAsc(propertyName) {
  return function(object1, object2) {
    var value1 = object1[propertyName];
    var value2 = object2[propertyName];
    if(value2 < value1) {
      return 1;
    } else if(value2 > value1) {
      return -1;
    } else {
      return 0;
    }
  }
}

具体示例代码如下:


var students=[{name:"hhhh",age:16},{name:"ggggg",age:17},{name:"dsdsad",age:18}];
students.sort(compareDesc("age"));  //按照年龄降序排列
console.log(students);

运行结果如下:

JavaScript实现JSON数组排序:升序与降序实例解析


var students=[{name:"hhhh",age:16},{name:"ggggg",age:17},{name:"dsdsad",age:18}];
students.sort(compareAsc("age"));  //按照年龄升序排列
console.log(students);

运行结果如下:

JavaScript实现JSON数组排序:升序与降序实例解析

此外,关于JSON操作,推荐以下实用的在线工具供参考:

在线JSON代码检验、校验、美化、格式化工具: http://tools.jb51.net/code/json

JSON在线格式化工具: http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具: http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具: http://tools.jb51.net/code/json_yasuo_trans

如需了解更多JavaScript相关内容,可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》。

希望本文所述内容对大家学习JavaScript程序设计有所帮助。

作者最新文章