JavaScript 数组是一种非常常见的数据结构，它可以存储多个值，并且可以方便地对这些值进行操作。其中，排序是一种常见的操作，它可以将数组中的值按照一定的规则进行排列。在 ECMAScript 6（ES6）及其后续版本中，JavaScript 提供了一些新的语法和方法，使得数组排序更加简单和灵活。本文将介绍如何使用 ES6+ 进行 JavaScript 数组的排序。
传统的排序方法
在 ES6 之前，JavaScript 数组的排序通常使用 sort() 方法。这个方法接受一个可选的比较函数作为参数，该函数用于定义排序的规则。比较函数接受两个参数，分别是要比较的两个值，如果第一个值应该排在第二个值之前，则返回一个负数；如果两个值相等，则返回 0；如果第一个值应该排在第二个值之后，则返回一个正数。例如，以下代码将一个数组按照从小到大的顺序进行排序：
----- --- - --- -- -- -- -- -- -- -- -- -- --- ------------ -- -- - - --- ----------------- -- --- -- -- -- -- -- -- -- -- -- --
这里的比较函数 a - b 表示将 a 减去 b 的结果作为比较的依据。如果 a 比 b 小，则返回一个负数，表示 a 应该排在 b 前面，否则返回一个正数，表示 a 应该排在 b 后面。如果 a 和 b 相等，则返回 0。
这种传统的排序方法虽然简单，但有一些限制。首先，它只能按照单一的规则进行排序，无法同时按照多个规则进行排序。其次，它不能处理一些特殊的情况，比如对于字符串数组，按照字母顺序排序可能不是最合适的方式。
ES6+ 的排序方法
在 ES6 及其后续版本中，JavaScript 提供了一些新的语法和方法，使得数组排序更加简单和灵活。下面介绍几种常用的排序方法。
Array.prototype.sortBy()
Array.prototype.sortBy() 是一个由第三方库提供的方法，它可以按照多个规则进行排序。这个方法接受一个或多个比较函数作为参数，每个比较函数都用于定义一个排序规则。比较函数接受两个参数，分别是要比较的两个值，如果第一个值应该排在第二个值之前，则返回一个负数；如果两个值相等，则返回 0；如果第一个值应该排在第二个值之后，则返回一个正数。例如，以下代码将一个字符串数组按照长度和字母顺序进行排序：
----- --- - --------- --------- --------- ------- ------------- ------- ----------- --- -- -- -------- - --------- -- ------ --- -- -- ------------------ -- ---------------- -- ----------------- -- ------- ------- -------- --------- --------- -------------
这里的 localeCompare() 方法用于比较字符串的字母顺序，它返回一个负数、0 或正数，分别表示第一个字符串应该排在第二个字符串之前、相等或之后。如果不指定比较函数，则默认按照字符串的字母顺序进行排序。
Array.prototype.sortByDesc()
Array.prototype.sortByDesc() 是 Array.prototype.sortBy() 的反向排序版本。它可以按照多个规则进行排序，并且可以指定每个规则的排序顺序。这个方法接受一个或多个比较函数作为参数，每个比较函数都用于定义一个排序规则。比较函数接受两个参数，分别是要比较的两个值，如果第一个值应该排在第二个值之前，则返回一个正数；如果两个值相等，则返回 0；如果第一个值应该排在第二个值之后，则返回一个负数。例如，以下代码将一个字符串数组按照长度和字母顺序进行反向排序：
----- --- - --------- --------- --------- ------- ------------- ------- --------------- --- -- -- -------- - --------- -- ------ --- -- -- ------------------ -- -------------------- -- ----------------- -- -------------- --------- --------- -------- ------- ------
Array.prototype.sortWith()
Array.prototype.sortWith() 是一个由第三方库提供的方法，它可以按照任意规则进行排序。这个方法接受一个比较函数作为参数，该函数用于定义排序的规则。比较函数接受两个参数，分别是要比较的两个值，如果第一个值应该排在第二个值之前，则返回一个负数；如果两个值相等，则返回 0；如果第一个值应该排在第二个值之后，则返回一个正数。例如，以下代码将一个数组按照奇偶性进行排序：
----- --- - --- -- -- -- -- -- -- -- -- -- ---
---------------- -- -- -
-- -- - - --- - -- - - - --- -- -
------ --- -- --------
- ---- -- -- - - --- - -- - - - --- -- -
------ -- -- --------
- ---- -
------ - - -- -- -----------------
-
---
----------------- -- --- -- -- -- -- -- -- -- -- -- --这里的比较函数首先判断两个值的奇偶性，如果一个是偶数一个是奇数，则返回一个负数或正数，表示偶数应该排在奇数前面或后面；如果两个值都是奇数或偶数，则返回它们的差值，表示按照大小排序。
Array.prototype.sortWithDesc()
Array.prototype.sortWithDesc() 是 Array.prototype.sortWith() 的反向排序版本。它可以按照任意规则进行排序，并且可以指定排序顺序。这个方法接受一个比较函数作为参数，该函数用于定义排序的规则。比较函数接受两个参数，分别是要比较的两个值，如果第一个值应该排在第二个值之前，则返回一个正数；如果两个值相等，则返回 0；如果第一个值应该排在第二个值之后，则返回一个负数。例如，以下代码将一个数组按照奇偶性进行反向排序：
----- --- - --- -- -- -- -- -- -- -- -- -- ---
-------------------- -- -- -
-- -- - - --- - -- - - - --- -- -
------ -- -- ------------
- ---- -- -- - - --- - -- - - - --- -- -
------ --- -- ------------
- ---- -
------ - - -- -- ---------------------
-
---
----------------- -- --- -- -- -- -- -- -- -- -- -- --总结
在本文中，我们介绍了如何使用 ES6+ 进行 JavaScript 数组的排序。传统的排序方法使用 sort() 方法，它只能按照单一的规则进行排序，无法同时按照多个规则进行排序。ES6+ 的排序方法包括 Array.prototype.sortBy()、Array.prototype.sortByDesc()、Array.prototype.sortWith() 和 Array.prototype.sortWithDesc()，它们可以按照任意规则进行排序，并且可以指定排序顺序。这些方法可以使得数组排序更加简单和灵活，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/650f6e2e95b1f8cacd8316b9