在 ES10 中，Array.prototype.sort() 方法增加了一种新的用法，可以更方便地对数组进行排序。在本文中，我们将详细介绍这种新用法，并提供示例代码和指导意义。
背景
在 ES5 中，Array.prototype.sort() 方法用于对数组中的元素进行排序。排序算法使用的是类似于快速排序的算法。通常，我们可以传入一个比较函数来指定排序规则。比较函数接受两个参数，表示要比较的两个元素，返回一个数字，表示它们的排序关系。如果返回值小于 0，则第一个元素在前，大于 0 则第二个元素在前，等于 0 则两个元素相等。
例如，下面的代码对一个数字数组进行升序排序：
const arr = [2, 1, 3]; arr.sort((a, b) => a - b); console.log(arr); // [1, 2, 3]
在 ES6 中，我们可以使用箭头函数来简化比较函数的书写：
const arr = [2, 1, 3]; arr.sort((a, b) => a - b); console.log(arr); // [1, 2, 3]
新用法
在 ES10 中，Array.prototype.sort() 方法增加了一种新的用法，可以更方便地对数组进行排序。新用法的语法如下：
arr.sort(comparefn?);
其中，comparefn 参数是可选的。如果省略了 comparefn 参数，则默认按照 Unicode 码点进行排序。如果指定了 comparefn 参数，则按照该参数指定的规则进行排序。
新用法的特点是，如果 comparefn 参数是一个空数组，或者所有元素都相等，那么排序操作将不会改变数组的顺序。这种特性可以用于优化排序性能，避免不必要的排序操作。
例如，下面的代码对一个数字数组进行升序排序。由于所有元素都相等，所以排序操作不会改变数组的顺序。
const arr = [1, 1, 1]; arr.sort([]); console.log(arr); // [1, 1, 1]
指导意义
新用法的出现，使得对数组进行排序变得更加方便和高效。我们可以使用空数组来避免不必要的排序操作，从而提高性能。此外，新用法还可以使我们的代码更加简洁和易读。
然而，需要注意的是，新用法可能会对一些已有的代码造成影响。如果原来的代码依赖于默认的排序规则或者自定义的排序规则，那么在使用新用法时需要格外小心。建议在使用新用法时，先进行充分的测试和验证，确保不会产生意外的结果。
示例代码
下面的示例代码演示了如何使用新用法对一个对象数组进行排序。该数组包含多个对象，每个对象都有两个属性 name 和 age。我们可以使用新用法来对数组进行排序，使得年龄相同的对象按照姓名的字典序排序。
// javascriptcn.com 代码示例
const arr = [
{ name: 'Alice', age: 20 },
{ name: 'Bob', age: 18 },
{ name: 'Charlie', age: 20 },
{ name: 'David', age: 18 }
];
arr.sort((a, b) => {
if (a.age === b.age) {
return a.name.localeCompare(b.name);
} else {
return a.age - b.age;
}
});
console.log(arr);输出结果为：
[
{ name: 'Bob', age: 18 },
{ name: 'David', age: 18 },
{ name: 'Alice', age: 20 },
{ name: 'Charlie', age: 20 }
]总结
在 ES10 中，Array.prototype.sort() 方法增加了一种新的用法，可以更方便地对数组进行排序。新用法的特点是，如果 comparefn 参数是一个空数组，或者所有元素都相等，那么排序操作将不会改变数组的顺序。新用法的出现，使得对数组进行排序变得更加方便和高效。然而，需要注意的是，新用法可能会对一些已有的代码造成影响，需要格外小心。我们可以使用空数组来避免不必要的排序操作，从而提高性能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65507b917d4982a6eb94ed1a