如何使用 ECMAScript 2016 中的 Array.prototype.sort 方法进行排序-JavaScript中文网-JavaScript教程资源分享门户

排序在前端开发中经常被使用，ECMAScript 2016中的Array.prototype.sort方法提供了一种方便且高效的方法来对数组元素进行排序。本文将介绍如何使用Array.prototype.sort方法进行数组排序，包括常见的排序方式、如何使用自定义排序规则和注意事项等。

基本使用方法

Array.prototype.sort方法的基本语法如下：

arrayObject.sort(sortFunction)

其中，arrayObject是需要进行排序的数组对象，sortFunction是可选的参数，表示排序规则。

默认情况下，Array.prototype.sort方法会按照字典序升序排序数组元素，并修改原数组。例如：

const arr = ['b', 'a', 'c'];
arr.sort();
console.log(arr); // ['a', 'b', 'c']

上述代码中，sort方法对数组arr进行升序排序（即'a' < 'b' < 'c'），并修改原数组。

排序规则

除了默认的字典序升序排序外，Array.prototype.sort方法还提供了其他排序规则，例如：

降序排序

可以通过比较函数来进行降序排序，比较函数返回值小于0表示第一个参数应该排在前面，返回值大于0表示第二个参数应该排在前面，返回值等于0则保持顺序不变。例如：

const arr = [5, 2, 8, 1, 4];
arr.sort((a, b) => b - a);
console.log(arr); // [8, 5, 4, 2, 1]

上述代码中，sort方法对数组arr进行降序排序，并修改原数组。

按照对象属性排序

可以通过比较对象属性来进行排序，比较函数返回值小于0表示第一个参数对象应该排在前面，返回值大于0表示第二个参数对象应该排在前面，返回值等于0则保持顺序不变。例如：

// javascriptcn.com 代码示例
const arr = [
  { name: 'Tom', age: 20 },
  { name: 'Jerry', age: 18 },
  { name: 'Alice', age: 22 }
];
arr.sort((a, b) => b.age - a.age);
console.log(arr);
// [
//   { name: 'Alice', age: 22 },
//   { name: 'Tom', age: 20 },
//   { name: 'Jerry', age: 18 }
// ]

上述代码中，sort方法按照对象的age属性进行降序排序，并修改原数组。

按照多个属性排序

可以通过比较多个对象属性来进行排序。比较函数首先比较第一个属性，相同则按照第二个属性，以此类推。例如：

// javascriptcn.com 代码示例
const arr = [
  { name: 'Tom', age: 20, score: 85 },
  { name: 'Jerry', age: 18, score: 90 },
  { name: 'Alice', age: 22, score: 80 },
  { name: 'Bob', age: 20, score: 80 },
];
arr.sort((a, b) => b.score - a.score || b.age - a.age);
console.log(arr);
// [
//   { name: 'Jerry', age: 18, score: 90 },
//   { name: 'Tom', age: 20, score: 85 },
//   { name: 'Alice', age: 22, score: 80 },
//   { name: 'Bob', age: 20, score: 80 }
// ]

上述代码中，sort方法按照对象的score属性进行降序排序，如果score相同则按照age属性进行升序排序，并修改原数组。

自定义排序规则

在Array.prototype.sort方法中可以使用自定义的排序规则，即sortFunction参数。sortFunction应该是一个比较函数，返回值小于0表示第一个参数应该排在前面，返回值大于0表示第二个参数应该排在前面，返回值等于0则保持顺序不变。例如：

const arr = ['I', 'love', 'JavaScript'];
arr.sort((a, b) => a.length - b.length);
console.log(arr); // ['I', 'love', 'JavaScript']

上述代码中，sort方法按照单词长度进行升序排序，并修改原数组。

注意事项

在使用Array.prototype.sort方法时，需要注意以下几点：

sort方法会修改原数组，不会返回新数组。如果需要返回新数组则需要在sort方法之后使用slice方法。
对于数字类型的数组，升序排序应该使用a - b，降序排序应该使用b - a。对于字符串类型的数组，升序排序应该使用a.localeCompare(b)，降序排序应该使用b.localeCompare(a)。
使用自定义排序规则时应该保证比较函数的正确性，否则可能会出现不可预期的结果。

总结

本文介绍了如何使用ECMAScript 2016中的Array.prototype.sort方法进行排序，并且介绍了常见的排序方式、如何使用自定义排序规则和注意事项等。希望本文能够对前端开发者有所帮助。

示例代码：

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