JavaScript实现JSON数组排序:升序与降序实例解析
本文介绍如何在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);
运行结果如下:

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

此外,关于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程序设计有所帮助。
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
