JavaScript中如何对数组进行排序？

在JavaScript开发中，数组排序是非常常见的操作，很多场景都需要对数组元素按特定规则排列，比如商品按价格排序、用户按年龄排序等。不过不少开发者对排序的具体实现方式不太熟悉，甚至会踩默认的排序规则的坑。

内置sort方法的基本用法

JavaScript的数组原型上提供了sort()方法，我们可以直接调用这个方法对数组进行排序，不需要自己手写排序算法。它的基本语法很简单，直接调用即可：

// 定义一个字符串数组
let fruits = ['banana', 'apple', 'orange', 'grape'];
// 调用sort方法排序
fruits.sort();
console.log(fruits); // 输出: ["apple", "banana", "grape", "orange"]

从上面的例子可以看到，对于字符串数组，sort()方法会按照Unicode码点顺序进行升序排列，结果符合我们的预期。

默认排序的潜在问题

如果直接用sort()方法处理数字数组，就会出现不符合预期的结果，这是因为默认情况下，sort()会把所有元素先转换成字符串，再比较字符串的Unicode码点：

let numbers = [10, 2, 15, 1, 8];
numbers.sort();
console.log(numbers); // 输出: [1, 10, 15, 2, 8]

可以看到，数字10排在2前面，这是因为字符串"10"的Unicode码点比"2"小，所以默认排序对数字数组并不友好，这时候就需要自定义比较函数来调整排序规则。

自定义比较函数实现排序

sort()方法可以接收一个比较函数作为参数，通过比较函数的返回值来决定元素的排序顺序。比较函数接收两个参数a和b，规则如下：

• 如果返回值小于0，那么a会排在b前面
• 如果返回值等于0，那么a和b的相对位置不变
• 如果返回值大于0，那么b会排在a前面

数字数组升序排序

要实现数字数组的升序排序，比较函数直接返回a减b的结果即可：

let numbers = [10, 2, 15, 1, 8];
// 升序比较函数
numbers.sort(function(a, b) {
    return a - b;
});
console.log(numbers); // 输出: [1, 2, 8, 10, 15]

如果用箭头函数的话，代码可以更简洁：

let numbers = [10, 2, 15, 1, 8];
numbers.sort((a, b) => a - b);
console.log(numbers); // 输出: [1, 2, 8, 10, 15]

数字数组降序排序

降序排序只需要把比较函数的返回值改成b减a就可以了：

let numbers = [10, 2, 15, 1, 8];
numbers.sort((a, b) => b - a);
console.log(numbers); // 输出: [15, 10, 8, 2, 1]

对象数组按属性排序

实际开发中经常会遇到对象数组的排序需求，比如按对象的某个属性值排序，这时候也可以在比较函数里取出对应属性进行比较：

// 定义用户对象数组
let users = [
    { name: '张三', age: 25 },
    { name: '李四', age: 18 },
    { name: '王五', age: 30 }
];
// 按age属性升序排序
users.sort((a, b) => a.age - b.age);
console.log(users);
// 输出: [
//   { name: '李四', age: 18 },
//   { name: '张三', age: 25 },
//   { name: '王五', age: 30 }
// ]

其他排序场景

如果是字符串数组需要忽略大小写排序，可以在比较前把字符串都转成小写或者大写再比较：

let words = ['Banana', 'apple', 'Orange'];
words.sort((a, b) => {
    let lowerA = a.toLowerCase();
    let lowerB = b.toLowerCase();
    if (lowerA < lowerB) return -1;
    if (lowerA > lowerB) return 1;
    return 0;
});
console.log(words); // 输出: ["apple", "Banana", "Orange"]

注意事项

需要注意sort()方法会直接修改原数组，而不是返回一个新的排序后的数组，如果不需要修改原数组，可以先拷贝一份再排序：

let original = [3, 1, 2];
// 拷贝数组再排序
let sorted = [...original].sort((a, b) => a - b);
console.log(original); // 输出: [3, 1, 2]，原数组未被修改
console.log(sorted); // 输出: [1, 2, 3]

总结一下，JavaScript数组排序优先使用内置的sort()方法，根据排序的数据类型传入对应的比较函数，就能满足大部分场景的排序需求，使用时注意默认排序的规则限制，避免踩坑。

JavaScript数组排序sort方法自定义排序规则比较函数修改时间：2026-05-29 22:56:00