JavaScript数组对象排序实战：利用sort方法实现多级排序

JavaScript数组对象排序实战：利用sort方法实现多级排序

本文分享一种在JavaScript中利用Array.prototype.sort()对数组对象进行排序的具体实现方式，供开发者参考。

sort方法基础原理回顾

在深入讨论数组对象排序之前，有必要先回顾Array.prototype.sort()的基本机制。该方法接收一个可选的比较函数作为参数，该函数接收两个待比较的元素。若元素为字符串，则依据Unicode编码值进行比较；若为数值，则直接比较大小。比较函数的返回值决定位置交换：返回正数时交换元素位置，返回0或负数时保持原有顺序。

var arr = [3, 5, 2, 1];
// 从小到大排序
arr.sort(function (a, b) {
return a > b ? 1 : -1;
});
// 得到的结果：[1, 2, 3, 5]

基于单一属性的对象排序

明确了基础排序逻辑后，我们回到核心问题：如何对数组中的对象进行排序？其原理与上述数值排序一致，只需在比较函数中指定具体的属性即可。示例如下：

var arr = [
{ a : 2, b : 3.2},
{ a : 3, b : 1.2},
{ a : 4, b : 2.2},
{ a : 6, b : 1.2},
{ a : 5, b : 3.2}
]
/// 从小到大按属性b排序
arr.sort(function(x, y){
return x.b > y.b ? 1:-1;
});

在排序函数中，x和y分别代表数组中的两个对象元素。因此，直接通过访问对象的属性（如x.b和y.b）进行比较即可完成排序。

多条件复合排序实现

上述示例中，最小值存在重复情况。若业务需求要求：首先按b属性从小到大排序，当b属性值相同时，再按a属性进行次级排序，应如何实现？

实现思路为：优先比较b属性，若x.b大于y.b，则x排在y之后；若x.b等于y.b，则进一步比较x.a与y.a的大小。具体代码如下：

arr.sort(function (x, y) {
if (x.b > y.b) {
return 1;
} else if (x.b === y.b) {
return x.a > y.a ? 1 : -1;
} else if (x.b < y.b) {
return -1;
    }
})

希望上述关于JavaScript程序设计的排序技巧能为您提供帮助。