ECMAScript 2019 中的 Array.prototype.sort 方法详解-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019 中，数组的 sort 方法进行了一些改进和优化，本文将详细介绍这些改进和优化，以及如何使用 sort 方法来对数组进行排序。

sort 方法的基本用法

sort 方法是数组原型对象 Array.prototype 上的方法，用于对数组元素进行排序。其基本用法如下：

array.sort([compareFunction])

其中，compareFunction 是一个可选的比较函数，用于指定排序规则。如果不传入 compareFunction，则默认按照 Unicode 码点进行排序。

比较函数有两个参数 a 和 b，分别表示待比较的两个元素。如果 a 应该排在 b 前面，则返回一个负数；如果 a 应该排在 b 后面，则返回一个正数；如果 a 和 b 相等，则返回 0。

举个例子，如果要按照数字大小进行排序，可以这样写比较函数：

function compareNumbers(a, b) {
  return a - b;
}

然后将该函数传入 sort 方法即可：

const array = [3, 1, 4, 1, 5, 9];
array.sort(compareNumbers); // [1, 1, 3, 4, 5, 9]

改进和优化

稳定排序

在 ECMAScript 2019 之前，sort 方法使用的是不稳定排序算法，也就是说，相等的元素的顺序可能会发生变化。这在某些场景下可能会导致问题，比如要对一个数组按照多个属性进行排序，其中某些属性相等，这时如果不稳定排序，可能会导致某些元素的顺序发生变化，从而影响到后续的操作。

ECMAScript 2019 中，sort 方法改为使用稳定排序算法，也就是说，相等的元素的顺序不会发生变化，这可以提高程序的可靠性。

新的比较函数返回值规则

在 ECMAScript 2019 之前，比较函数的返回值规则并不是很明确，可能会导致一些不可预期的结果。ECMAScript 2019 中，sort 方法明确了比较函数的返回值规则，如下：

如果 a 应该排在 b 前面，则返回一个负数；
如果 a 和 b 相等，则返回 0；
如果 a 应该排在 b 后面，则返回一个正数；
如果返回值不是一个数字，则会被转换为数字进行比较。

这个规则的好处是，可以避免一些不必要的问题，比如比较函数返回了一个字符串，导致排序结果不正确。

示例代码

下面是一些示例代码，演示了如何使用 sort 方法进行排序。

按照数字大小排序

const array = [3, 1, 4, 1, 5, 9];
array.sort((a, b) => a - b); // [1, 1, 3, 4, 5, 9]

按照字符串长度排序

const array = ['hello', 'world', '!', 'goodbye'];
array.sort((a, b) => a.length - b.length); // ['!', 'hello', 'world', 'goodbye']

按照多个属性排序

// javascriptcn.com 代码示例
const array = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 20 },
  { name: 'Alice', age: 20 },
];
array.sort((a, b) => {
  if (a.name !== b.name) {
    return a.name < b.name ? -1 : 1;
  } else {
    return a.age - b.age;
  }
});
// [
//   { name: 'Alice', age: 20 },
//   { name: 'Alice', age: 25 },
//   { name: 'Bob', age: 30 },
//   { name: 'Charlie', age: 20 },
// ]

总结

ECMAScript 2019 中的 sort 方法改进了排序算法，使其变为稳定排序，并明确了比较函数的返回值规则，这可以提高程序的可靠性。使用 sort 方法进行排序时，需要注意比较函数的编写，确保返回值符合规则。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655d7331d2f5e1655d7b90a4