在前端开发中，我们经常需要对数组进行排序。而在 ES10 中，Array.sort() 方法进行了改进，使得我们能够更方便地对数字进行排序。
传统的 Array.sort() 方法
在 ES6 之前，Array.sort() 方法是按照 Unicode 字符顺序进行排序的。例如，对于以下数组：
const arr = ['apple', 'banana', 'cherry'];
使用 Array.sort() 方法排序后，结果为：
['apple', 'banana', 'cherry']
这是因为按照 Unicode 字符顺序，'a' 的 Unicode 编码为 97，'b' 的 Unicode 编码为 98，'c' 的 Unicode 编码为 99。因此，'apple' 的 Unicode 字符顺序要小于 'banana' 和 'cherry'。
ES10 中的改进
在 ES10 中，Array.sort() 方法进行了改进，使得我们能够更方便地对数字进行排序。具体来说，Array.sort() 方法现在支持一个可选的比较函数，用于指定排序规则。
比较函数接受两个参数，分别是要比较的元素 a 和 b。如果 a 应该排在 b 前面，返回一个负数；如果 a 应该排在 b 后面，返回一个正数；如果 a 和 b 相等，返回 0。
例如，对于以下数组：
const 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]
我们也可以使用以下比较函数，将数组按照从大到小的顺序进行排序：
arr.sort((a, b) => b - a);
结果为：
[9, 6, 5, 5, 5, 4, 3, 3, 2, 1, 1]
示例代码
以下是一个完整的示例代码，演示如何使用 Array.sort() 方法进行数字排序：
-- -------------------- ---- ------- ----- --- - --- -- -- -- -- -- -- -- -- -- --- -- ----------- ------------ -- -- - - --- ----------------- -- --- -- -- -- -- -- -- -- -- -- -- -- ----------- ------------ -- -- - - --- ----------------- -- --- -- -- -- -- -- -- -- -- -- --展开代码
结论
ES10 中的 Array.sort() 方法改进了对数字排序的支持，使得我们能够更方便地对数字进行排序。使用比较函数，我们可以指定自己需要的排序规则，从而满足不同的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676ba8d278388e33bb25599b
