JavaScript 排序详解：sortBy 函数的灵活运用与进阶技巧364

在 JavaScript 中，排序是数据处理中一项非常常见的操作。原生 `()` 方法虽然简洁，但在处理复杂排序需求时，常常显得力不从心。本文将深入探讨 JavaScript 中的排序机制，重点讲解如何灵活运用 `sortBy` 函数（通常需要自行实现）来进行各种自定义排序，并结合实际案例，分享一些进阶技巧。

首先，我们需要明确 `()` 方法的工作原理。它接受一个可选的比较函数作为参数。这个比较函数接收两个待比较元素作为参数，返回一个数值：小于 0 表示第一个元素排在前面，等于 0 表示两个元素顺序不变，大于 0 表示第二个元素排在前面。例如，对一个数字数组进行升序排序：
const numbers = [3, 1, 4, 1, 5, 9, 2, 6];
((a, b) => a - b); // 升序排序
(numbers); // [1, 1, 2, 3, 4, 5, 6, 9]

然而，如果我们需要根据对象的某个属性进行排序，或者需要进行更复杂的排序逻辑，例如先按一个属性排序，再按另一个属性排序，那么仅仅依靠原生的 `sort()` 方法就显得不够灵活了。这时，我们就需要自己实现 `sortBy` 函数。

一个简单的 `sortBy` 函数可以这样实现：
function sortBy(array, key) {
return ().sort((a, b) => {
const valueA = a[key];
const valueB = b[key];
if (valueA < valueB) return -1;
if (valueA > valueB) return 1;
return 0;
});
}
const users = [
{ name: 'Alice', age: 30 },
{ name: 'Bob', age: 25 },
{ name: 'Charlie', age: 30 },
];
const sortedUsersByName = sortBy(users, 'name');
(sortedUsersByName); // 按名称升序排序
const sortedUsersByAge = sortBy(users, 'age');
(sortedUsersByAge); // 按年龄升序排序

这个 `sortBy` 函数接收一个数组和一个键名作为参数，根据指定键名对数组进行升序排序。需要注意的是，我们使用了 `()` 创建了一个数组的副本，避免修改原始数组。这个函数的局限性在于只能处理简单的属性排序，并且排序方向是固定的。

为了增强 `sortBy` 函数的灵活性，我们可以改进它，使其支持自定义比较函数和排序方向：
function sortBy(array, key, compareFn = (a, b) => a - b, descending = false) {
return ().sort((a, b) => {
const result = compareFn(a[key], b[key]);
return descending ? -result : result;
});
}
const users = [
{ name: 'Alice', age: 30 },
{ name: 'Bob', age: 25 },
{ name: 'Charlie', age: 30 },
];
const sortedUsersByNameDesc = sortBy(users, 'name', undefined, true); // 按名称降序排序
(sortedUsersByNameDesc);
const sortedUsersByAgeDesc = sortBy(users, 'age', (a,b) => a-b, true); // 按年龄降序排序
(sortedUsersByAgeDesc);

// 处理字符串的排序
const sortedUsersByNameCaseInsensitive = sortBy(users, 'name', (a, b) => ().localeCompare(()));
(sortedUsersByNameCaseInsensitive);

现在，我们的 `sortBy` 函数可以接受一个可选的比较函数 `compareFn` 和一个布尔值 `descending` 来控制排序方向。 `compareFn` 可以用来处理各种数据类型，例如字符串的忽略大小写排序，或者更复杂的自定义逻辑。

更进一步，我们可以扩展 `sortBy` 函数，使其能够根据多个键进行排序。这需要在比较函数中嵌套比较逻辑:
function sortByMultiple(array, keys, compareFn = (a, b) => a - b, descending = false) {
return ().sort((a, b) => {
for (const key of keys) {
const result = compareFn(a[key], b[key]);
if (result !== 0) return descending ? -result : result;
}
return 0;
});
}
const users = [
{ name: 'Alice', age: 30, city: 'New York' },
{ name: 'Bob', age: 25, city: 'Los Angeles' },
{ name: 'Charlie', age: 30, city: 'New York' },
];
const sortedUsers = sortByMultiple(users, ['age', 'name'], undefined, true); //先按年龄降序，年龄相同则按名称升序
(sortedUsers);