前言
正如我们所知，JavaScript 中的 Array.sort() 方法可以对数组进行排序，但在早期版本中，该方法是没有定义排序规则的。也就是说，当要对数组进行排序时，该方法只会将数组元素按字符串比较的 Unicode 位点值大小排序，这在数字类型或者其他数据类型的排序中很容易出错。
在 ES6 中，JavaScript 引入了 Array.prototype.sort() 的可选参数，用于定义排序规则。而 ES10 则正式将该参数定义为必选参数。
本文将介绍 ES10 中 Array.sort() 方法的新特性，以及如何使用该方法对数组进行排序。
新特性
在 ES10 中，Array.sort() 方法必须传入一个排序规则函数作为参数，否则会抛出 TypeError。
const arr = [3, 4, 2, 1]; arr.sort(); // TypeError: undefined is not a function
而要使用该方法对数组进行排序，我们需要传入一个回调函数，用于定义排序规则。例如，对一个数组按照数字大小进行排序：
const arr = [3, 4, 2, 1]; arr.sort((a, b) => a - b); console.log(arr); // [1, 2, 3, 4]
回调函数接受两个参数，分别为当前比较的元素 a 和目标比较的元素 b。如果回调函数返回小于 0 的值，则 a 排在 b 前面；如果返回大于 0 的值，则 b 排在 a 前面；如果返回 0，则 a 和 b 的相对位置不变。
使用 Array.sort() 方法排序时，如果数组元素是一个对象，还可以通过指定排序规则函数的方式，以对象属性的值进行排序：
-- -------------------- ---- ------- ----- --- - - - ----- ------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- - -- ------------ -- -- ----- - ------- ----------------- -- - -- - ----- ------ ---- -- -- -- - ----- ------- ---- -- -- -- - ----- ---------- ---- -- - -- -
深度与学习意义
ES10 中的 Array.sort() 方法的新增特性与之前版本相比，主要体现在规范性和稳定性方面。这一变化不仅对新手有很大帮助，而且对于开发中需要对大数据进行排序的时候，也具有非常优秀的性能表现。
同时，掌握 JavaScript 中 Array.sort() 方法的排序规则，也是我们成为一名优秀开发者所必须掌握的基本技能之一。在实际开发中，我们不仅需要了解如何使用该方法实现排序，还需要了解其内部实现原理，以及各类不同的排序算法与其性能表现的优缺点，这都需要我们进行深入学习。
示例代码
下面是一个示例，其中对长度相同的字符串元素按照 ASCII 码从小到大排序：
-- -------------------- ---- -------
----- --- - --------- --------- ------- ----------
-------------------- -- -
----- --- - ---------
--- ---- - - -- - - ---- ---- -
-- ---------------- --- ---------------- -
------ --------------- - ----------------
-
-
------ --
---
----------------- -- --------- --------- --------- -------结论
通过本文，我们可以了解到 ES10 中 Array.sort() 方法正式定义了数组排序规则这一重要特性。这不仅提高了排序的可靠性，也加深了我们对于排序算法与性能的认识。在实际开发中，除了掌握基本用法，还需要考虑数据类型、排序算法等各种因素，从而更好地应用于各类场景。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6709d6f5d91dce0dc87c4df3