排序是计算机编程中常见的操作之一，它可以帮助我们将数据按照一定的规则进行排列，使得数据更加有序，方便查找和处理。在 ECMAScript 2015（也称为 ES6）中，数组排序的方式有所改变，本文将介绍如何在 ES6 中正确地使用数组排序，并提供实用的示例代码。
传统的数组排序方法
在 ES6 之前，我们通常使用 sort() 方法来对数组进行排序，该方法的语法如下：
arr.sort([compareFunction]);
其中，compareFunction 是可选的比较函数，它会定义一种排序方式，告诉 sort() 方法按照这种方式进行排序。如果不指定 compareFunction，将按照 Unicode 码点升序排列数组。
下面是一个例子：
var arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]; arr.sort(); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]
这里我们没有指定 compareFunction，所以 sort() 方法按照 Unicode 码点升序排列了数组。
ES6 中的数组排序方法
在 ES6 中，我们可以使用新的数组排序方法 sort() 和 sortBy() 来进行数组排序。
sort() 方法
sort() 方法与传统的 sort() 方法类似，也可以用来对数组进行排序，它的语法如下：
arr.sort([compareFunction]);
与传统的 sort() 方法不同的是，ES6 中的 sort() 方法会修改原数组并返回排序后的原数组。如果不想修改原数组，可以使用 slice() 方法来克隆数组并进行排序。
下面是一个例子：
var arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]; arr.sort((a, b) => a - b); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]
这里我们使用了 compareFunction 来告诉 sort() 方法按照数字大小升序排列数组。
sortBy() 方法
ES6 还引入了一个新的数组排序方法 sortBy()，该方法可以对复杂数据类型的数组进行排序。它的语法如下：
array.sortBy(compareFn);
其中，compareFn 是一个比较函数，它可以接收两个参数，代表数组中的两个元素，返回值可以是负数、0 或正数，表示比较结果，根据比较结果排序。如果返回值为负数，那么 a 将排在 b 前面；如果返回值为正数，那么 b 将排在 a 前面；如果返回值为 0，那么 a 和 b 的位置不变。
下面是一个例子：
var arr = [
{ name: "Alice", age: 20 },
{ name: "Bob", age: 18 },
{ name: "Charlie", age: 22 }
];
arr.sortBy(item => item.age); // [{ name: "Bob", age: 18 }, { name: "Alice", age: 20 }, { name: "Charlie", age: 22 }]这里我们使用了 compareFn 来告诉 sortBy() 方法按照对象的 age 属性升序排列数组。
总结
在 ES6 中，数组排序的方式有了较大改变，我们可以使用 sort() 方法对简单数组进行排序，使用 sortBy() 方法对复杂数据类型的数组进行排序。如果使用不当，数组排序可能会导致逻辑上的错误，例如混乱的排序结果和无法确定的排序规则。要注意的是，在进行数组排序时，一定要定义好排序规则，避免出现意想不到的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf6df9b5eee0b5256bbd8b