极客笔记JavaScript 数组排序
在 JavaScript 中，我们经常需要对数组进行排序操作。数组排序是一种常见的操作，可以按照不同的规则对数组中的元素进行重新排列，从而满足我们的需求。本文将介绍 JavaScript 中数组排序的相关知识，包括如何使用内置方法对数组进行排序，如何自定义排序规则，以及一些常见的排序技巧和注意事项。
使用内置方法排序数组
JavaScript 提供了 sort() 方法用于对数组进行排序。当调用 sort() 方法时，该方法会将数组中的元素按照默认的规则进行排序，即将所有元素转换为字符串并按照 Unicode 值比较大小。下面是一个简单的示例代码，演示如何使用 sort() 方法对数组进行排序：
let arr = [10, 5, 8, 2, 7];
arr.sort();
console.log(arr); // [10, 2, 5, 7, 8]
在上面的示例中，我们定义了一个包含整数的数组 arr，然后调用 sort() 方法对数组进行排序。由于默认排序规则是按照字符串的 Unicode 值比较大小，所以数组中的元素被转换为字符串后进行排序。可以看到，最终的排序结果并不是我们期望的结果。接下来，我们将介绍如何自定义排序规则，以达到我们想要的排序效果。
自定义排序规则
如果想要按照整数的大小对数组进行排序，我们可以自定义一个比较函数作为 sort() 方法的参数。比较函数接收两个参数 a 和 b，分别表示数组中的两个元素，根据比较结果返回负数、零或正数，来确定元素之间的顺序。下面是一个示例代码，演示如何使用自定义比较函数对数组进行排序：
let arr = [10, 5, 8, 2, 7];
arr.sort((a, b) => a - b);
console.log(arr); // [2, 5, 7, 8, 10]
在上面的示例中，我们定义了一个比较函数 (a, b) => a - b，该比较函数根据参数 a 和 b 的大小关系返回负数、零或正数，从而确定元素之间的顺序。通过传入这个比较函数作为 sort() 方法的参数，我们成功地按照整数大小对数组进行了排序。
降序排序
除了升序排序外，有时我们可能需要对数组进行降序排序。这时，我们可以在自定义比较函数中反转比较结果，从而实现降序排序。下面是一个示例代码，演示如何对数组进行降序排序：
let arr = [10, 5, 8, 2, 7];
arr.sort((a, b) => b - a);
console.log(arr); // [10, 8, 7, 5, 2]
在上面的示例中，我们定义了一个比较函数 (a, b) => b - a，该比较函数实现了降序排序。通过传入这个比较函数作为 sort() 方法的参数，我们成功地对数组进行了降序排序。
字符串排序
除了整数排序外，我们也可以对包含字符串的数组进行排序。字符串排序也遵循默认的排序规则，将字符串转换为 Unicode 值进行比较。下面是一个示例代码，演示如何对包含字符串的数组进行排序：
let arr = ['apple', 'banana', 'cherry', 'pear'];
arr.sort();
console.log(arr); // ['apple', 'banana', 'cherry', 'pear']
在上面的示例中，我们定义了一个包含字符串的数组 arr，然后调用 sort() 方法对数组进行排序。可以看到，字符串按照 Unicode 值进行比较后，被排序成了我们预期的结果。
自定义排序规则（字符串）
如果想要按照字符串的长度进行排序，我们可以自定义一个比较函数作为 sort() 方法的参数。比较函数接收两个参数 a 和 b，分别表示数组中的两个字符串，根据比较结果返回负数、零或正数，来确定字符串之间的顺序。下面是一个示例代码，演示如何使用自定义比较函数对字符串数组进行排序：
let arr = ['apple', 'banana', 'cherry', 'pear'];
arr.sort((a, b) => a.length - b.length);
console.log(arr); // ['pear', 'apple', 'banana', 'cherry']
在上面的示例中，我们定义了一个比较函数 (a, b) => a.length - b.length，该比较函数根据字符串的长度进行比较，从而实现了按照字符串长度排序。通过传入这个比较函数作为 sort() 方法的参数，我们成功地对字符串数组进行了排序。
多重排序
有时，我们可能需要对数组进行多重排序，即先按照一种规则排序，然后再按照另一种规则排序。在 JavaScript 中，我们可以通过在比较函数中多次比较来实现多重排序。下面是一个示例代码，演示如何对数组进行多重排序：
let arr = ['apple', 'banana', 'cherry', 'pear'];
arr.sort((a, b) => {
if (a.length === b.length) {
return a.localeCompare(b);
} else {
return a.length - b.length;
}
});
console.log(arr); // ['pear', 'apple', 'cherry', 'banana']
在上面的示例中，我们定义了一个多重排序的比较函数，首先按照字符串长度进行排序，如果长度相同则按照字符串的字典序进行排序。通过传入这个比较函数作为 sort() 方法的参数，我们成功地对数组进行了多重排序。
数组排序技巧和注意事项
在对数组进行排序时，有一些技巧和注意事项是值得注意的。首先，注意到 JavaScript 的排序方法会原地修改数组，即会改变原始数组。如果想要保持原始数组不变，可以先对数组进行浅拷贝，然后对拷贝后的数组进行排序。其次，当比较函数返回 0 时，排序不保证元素的相对位置不变。最后，如果数组中有 undefined、null 或 NaN 等特殊值，排序结果可能会出现不确定性，因此最好避免出现这些特殊值。
总的来说，数组排序是 JavaScript 中一个常见的操作，通过掌握内置方法和自定义比较函数，我们可以灵活地对数组进行排序，满足不同的需求。