Array.prototype.sort() 是 JavaScript 的一个常用方法，它用于对数组元素进行排序。在 ES9 中，该方法的行为发生了一些变化，有一些常见的错误也随之产生。如果你在使用 Array.prototype.sort() 的过程中遇到了问题，本文将会详细地介绍这些问题以及如何解决它们。
问题一：在排序时，字母的大小写会被错误地识别
在 ES9 中，Array.prototype.sort() 默认使用稳定排序算法，它可以保证在排序后，相等元素的顺序不会改变。但是，相同字母的大小写却会被当作不同的字符处理。比如说，排序后的数组中，大写字母会排在小写字母的前面。这很容易导致意外的结果。
const arr = ['apple', 'Orange', 'banana', 'PEAR']; arr.sort(); console.log(arr); // ['Orange', 'PEAR', 'apple', 'banana']
要解决这个问题，我们可以使用一个比较函数，手动指定排序规则。比较函数接收两个参数，分别是待比较的元素。如果第一个元素应该排在第二个元素的前面，那么比较函数返回一个负数；如果第一个元素应该排在第二个元素的后面，那么比较函数返回一个正数。如果两个元素相等，则比较函数返回 0。
const arr = ['apple', 'Orange', 'banana', 'PEAR'];
arr.sort((a, b) => {
return a.toLowerCase().localeCompare(b.toLowerCase());
});
console.log(arr); // ['apple', 'banana', 'Orange', 'PEAR']问题二：数字排序出现意外的结果
在 ES9 中，如果我们使用 Array.prototype.sort() 对数字数组进行排序，会出现意外的结果。例如，下面的代码：
const arr = [10, 9, 30]; arr.sort(); console.log(arr); // [10, 30, 9]
这个结果可能出乎你的意料。问题在于 Array.prototype.sort() 默认使用 compareFunction 进行排序，而该函数默认将数组元素转换为字符串进行比较。当用字符串进行比较时，'10' 比 '9' 要小，但 '9' 比 '30' 要小，因此 '10' 排在了前面。
如果我们想对数字数组进行正确的排序，需要提供一个比较函数，并将其应用于每个元素。比较函数接收两个参数，分别是待比较的数字。如果第一个数字应该排在第二个数字的前面，那么比较函数返回一个负数；如果第一个数字应该排在第二个数字的后面，那么比较函数返回一个正数。如果两个数字相等，则比较函数返回 0。
const arr = [10, 9, 30]; arr.sort((a, b) => a - b); console.log(arr); // [9, 10, 30]
总结
在 ES9 中，Array.prototype.sort() 的默认行为发生了变化，导致了一些常见的错误。为了解决这些问题，我们可以手动指定比较函数，并将其应用于每个元素。在编写比较函数时，需要考虑到大小写、数字等特殊情况，以确保排序结果正确。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648101a448841e98940755ca