在ES7中，Array对象的原型上的sort()方法进行了改进。sort()方法是对数组元素进行排序的一种非常常见的方法。在ES6之前，sort()方法的参数是一个可选的比较函数。在ES6中，它可以接受一个箭头函数作为参数改善了可读性和可维护性。在ES7中，sort()方法又有了新的改进，本文主要介绍ES7中改进的sort()方法以及如何使用它。
sort()方法的改进
ES7中改进了sort()方法，它现在可以像Python的sorted()函数那样接受排序规则和一些选项。这些新选项接管了sort()的默认排序算法，以及它的默认排序方式。它的语法如下：
arr.sort([compareFunction[, options]])
其中，compareFunction是一个可选参数，用于定义元素排序的规则，如果没有传递任何函数，会使用默认的排序规则。options是一个可选对象，用于指定更多的排序选项。options包含以下属性：
- numeric：该属性指定排序规则是否是基于数字而不是字符串。如果为true，那么排序将是基于数字的。
- alphabetical：该属性指定当元素具有相同的数字值并且numeric属性为false时，字符串排序的方式是按字母顺序。
- strong：该属性指定是否进行字符串比较时区分大小写。如果为true，那么大写和小写将被区分。
- ignoreArticles：该属性指定排序时是否忽略冠词(a, an, the)和连字符(-)。如果为true，那么排序将忽略这些单词。
- language：该属性指定采用哪种语言的排序规则。
sort()方法的示例
下面是使用新的改进的sort()方法的一些示例。假设我们有一个由数字和字符串组成的数组arr，如下所示：
let arr = [8, "apple", 5, "banana", 9, "grape", "7", "Orange", 4, "lemon", "Mango"];
我们将使用新的ES7的sort()方法对该数组进行排序，如下所示：
基于默认规则进行排序
不提供比较函数，则返回默认排序规则。
arr.sort(); //Output: [4, 5, "7", 8, 9, "Mango", "Orange", "apple", "banana", "grape", "lemon"]
基于数字排序
提供numeric选项，可以按照数字进行排序。
arr.sort((a, b) => a - b, { numeric: true });
//Output: [4, "7", 5, 8, 9, "apple", "banana", "grape", "lemon", "Mango", "Orange"]基于字母排序
提供alphabetical选项，可以按照字母顺序（a - z）进行排序。
arr.sort(null, { alphabetical: true });
//Output: [5, "7", 8, "apple", "banana", "grape", "lemon", "Mango", "Orange", 9, 4]区分大小写排序
提供strong选项，可以区分大小写进行排序。
arr.sort(null, { strong: true });
//Output: [4, 5, 8, 9, "Mango", "Orange", "apple", "banana", "grape", "lemon", "7"]忽略冠词排序
提供ignoreArticles选项，可以忽略冠词(a, an, the)和连字符(-)进行排序。
arr.sort(null, { ignoreArticles: true });
//Output: [4, 5, "7", 8, 9, "apple", "banana", "grape", "lemon", "Mango", "Orange"]总结
在ES7中，sort()方法进一步改进，使JavaScript开发人员更容易使用它。这个新的改进使得sort()方法更加灵活和具有扩展性，可以更好地应对不同的需求。这篇文章介绍了使用ES7新的改进的sort()方法，并给出了示例代码。在日常前端开发中，根据不同的排序需求，利用好这些选项可以提高开发效率和便捷性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64677085968c7c53b07d2f37