js 数组排序的几种方法|极客笔记

js 数组排序的几种方法

在JavaScript中，对数组进行排序是一种常见的操作。排序可以让数组中的元素按照特定的顺序进行排列，从而方便我们进行查找和比较。本文将介绍几种常见的数组排序方法，包括使用sort()方法、自定义排序函数、以及使用lodash库中的sortBy方法等。

使用sort()方法

JavaScript中的数组对象有一个sort()方法，可以用来对数组进行排序。sort()方法会根据元素的 Unicode 编码值进行排序，并且会改变原数组。

let numbers = [4, 2, 5, 1, 3];

numbers.sort();
console.log(numbers); // [1, 2, 3, 4, 5]

上面的代码演示了如何使用sort()方法对一个数字数组进行排序。需要注意的是，sort()方法在默认情况下会将元素转换为字符串再排序，因此可能会出现一些意想不到的结果。如果要对数字数组进行排序，可以通过传入一个比较函数来实现。

let numbers = [4, 2, 5, 1, 3];

numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 3, 4, 5]

上面的代码通过传入一个比较函数，实现了对数字数组的排序。比较函数会接受两个参数a和b，如果a应该排在b的前面，则返回一个负数，如果a应该排在b的后面，则返回一个正数。

自定义排序函数

除了使用sort()方法外，我们还可以自定义排序函数来实现对数组的排序。自定义排序函数可以根据具体的需求对数组进行排序，灵活性更高。

let users = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Claire', age: 20 }
];

function compareByAge(a, b) {
    return a.age - b.age;
}

users.sort(compareByAge);
console.log(users);
// [
//   { name: 'Claire', age: 20 },
//   { name: 'Alice', age: 25 },
//   { name: 'Bob', age: 30 }
// ]

上面的代码演示了如何使用自定义排序函数compareByAge对一个包含用户信息的数组进行排序。通过自定义比较函数，我们可以根据用户的年龄来排序数组。

使用lodash库中的sortBy方法

除了手动实现排序函数外，还可以使用第三方库lodash中的sortBy方法来对数组进行排序。lodash是一个实用的JavaScript工具库，提供了丰富的工具函数来简化开发。

首先需要引入lodash库：

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

然后可以使用sortBy方法来进行数组排序：

let users = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Claire', age: 20 }
];

let sortedUsers = _.sortBy(users, 'age');
console.log(sortedUsers);
// [
//   { name: 'Claire', age: 20 },
//   { name: 'Alice', age: 25 },
//   { name: 'Bob', age: 30 }
// ]

上面的代码演示了如何使用lodash库中的sortBy方法对一个对象数组进行排序。sortBy方法接受两个参数，第一个参数是要排序的数组，第二个参数是用来排序的字段名。