ES2021 增加了 Array.prototype.sort() 方法的一个新特性，它让我们能够通过一个可选的比较器函数来控制 sort() 方法的排序方式。在这篇文章中，我们将会详细介绍这个新特性，并提供一些学习和指导的帮助。
比较器函数
在 ES2021 之前，sort() 方法的排序是基于 Unicode 码点大小的，这种基于字母序的排序方式有时候可能并不是我们所期望的。通常情况下，我们希望通过某种方式来自定义排序规则，用以处理各种不同类型的数据。ES2021 中提供了这个功能，我们可以传递一个比较器函数作为 sort() 方法的参数。
比较器函数需要接受两个参数：a 和 b，分别表示要进行比较的两个元素。函数需要返回以下三种情况之一的值：
- 如果第一个元素（a）应该在第二个元素（b）之前，则返回一个负数。这通常表示 a 应该排在 b 之前。
- 如果第一个元素（a）应该在第二个元素（b）之后，则返回一个正数。这通常表示 a 应该排在 b 之后。
- 如果第一个元素（a）和第二个元素（b）应该相等，则返回 0。这通常表示元素的顺序不重要。
以下是一个比较器函数的示例：
// javascriptcn.com 代码示例
function compare(a, b) {
if (a < b) {
return -1;
}
if (a > b) {
return 1;
}
return 0;
}这个示例中，我们通过比较两个元素的值来决定它们之间的顺序。如果 a 比 b 小，我们返回一个负数表示 a 小于 b，如果 a 大于 b，我们返回一个正数表示 a 大于 b，否则，我们返回 0 表示 a 和 b 相等。
使用比较器函数进行排序
了解了比较器函数之后，我们可以直接将它作为 sort() 方法的参数传递进去，sort() 方法会按照比较器函数的规则对元素进行排序。以下是一个使用比较器函数进行排序的示例：
// javascriptcn.com 代码示例
const items = [
{ name: 'apple', value: 50 },
{ name: 'banana', value: 20 },
{ name: 'pear', value: 80 },
{ name: 'orange', value: 60 }
];
items.sort((a, b) => a.value - b.value);
console.log(items);这个示例中，我们有一个包含多个对象的数组，数组中的每个对象都有一个 name 和一个 value 属性。我们通过比较器函数来排序这些对象，比较器函数基于 value 属性排序。在这个示例中，sort() 方法将数组按照 value 属性的值升序排列。
总结
ES2021 中的 Array.prototype.sort() 方法的比较器函数是一个非常有用的功能，它使得我们能够自定义排序规则，并且可以处理各种不同类型的元素。在编写应用程序时，我们经常需要使用列表或表格等数据结构，而这些数据结构中的元素可能有不同的属性，如字符串、数字或日期，比较器函数可以帮助我们很好地管理这些数据结构并实现自定义排序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653523aa7d4982a6ebb3e089