在前端开发中经常需要对数组进行排序，而 Array.sort() 方法是最常用的数组排序方法之一。ES10 中的 Array.sort() 方法有一些新的用法和扩展性，本文将详细介绍实现和扩展方式，并提供相关示例代码。
基本用法
Array.sort() 方法有一个可选的排序函数参数，可以使用自定义函数来实现排序。如果没有提供排序函数，将使用默认排序方式（按 unicode 顺序进行排序）。
默认的排序是按照 Unicode 码点进行的，即便是可以排序数字的字符串，也会按照字符串进行排序。这意味着一些数字 9, 80, 7, 1000 将会以 ["1000", "7", "80", "9"] 的方式排序而不是 ["7", "9", "80", "1000"]。
下面是一个简单的示例：
const arr = [40, 10, 20, 30]; arr.sort((a, b) => a - b); console.log(arr); // [10, 20, 30, 40]
在上面的代码中，我们将一个包含数字的数组进行了排序，通过传入一个匿名函数作为参数，将数组按升序排列。
扩展用法
对象数组排序
当需要按照数组中对象的属性进行排序时，可以使用如下方式：
const arrOfObj = [{ name: 'Jack', age: 30 }, { name: 'Mary', age: 20 }, { name: 'Mike', age: 25 }];
arrOfObj.sort((a, b) => a.age - b.age);
console.log(arrOfObj); // [{ name: 'Mary', age: 20 }, { name: 'Mike', age: 25 }, { name: 'Jack', age: 30 }]在上述代码中，我们将按照 age 属性对对象数组进行排序，使得按年龄从小到大进行排序。
多重排序
在某些情况下，需要对数组进行多重排序，即按照多个属性对数组进行排序。可以在排序函数中返回一个数字，以指示两个元素的相对顺序。如果为正数，则表明第一个元素在第二个元素之后；如果为负数，则表明第一个元素在第二个元素之前；如果为零，则两个元素相等。
下面是一个按照年龄进行排序，当年龄相同时按照名字进行排序的示例：
const arrOfObj = [{ name: 'Mike', age: 25 }, { name: 'Mary', age: 20 }, { name: 'Jack', age: 30 }, { name: 'Mike', age: 20 }];
arrOfObj.sort((a, b) => {
if (a.age !== b.age) {
return a.age - b.age;
}
return a.name.localeCompare(b.name);
});
console.log(arrOfObj); // [{ name: 'Mary', age: 20 }, { name: 'Mike', age: 20 }, { name: 'Mike', age: 25 }, { name: 'Jack', age: 30 }]反向排序
有时需要对数组进行反向排序，可以使用 reverse() 方法对数组进行反转。但是，如果需要对已经排序过的数组进行反向排序，则可以将排序函数的返回值取反即可。
下面是一个反向排序的示例：
const arr = [10, 20, 30, 40]; arr.sort((a, b) => b - a); console.log(arr); // [40, 30, 20, 10]
总结
ES10 中的 Array.sort() 方法是 JavaScript 中常用的数组排序方法之一，可以通过排序函数参数来实现自定义排序。此外，还有一些常用的扩展用法，如对象数组排序、多重排序和反向排序等。对于开发人员来说，掌握 Array.sort() 方法的实现和扩展方式是非常重要的，可以在实际开发中提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c91ab35ad90b6d0415cbed