在 ES10 中，JavaScript 新增了一个数组方法 sort()，它可以用来对数组进行排序操作。sort() 方法不仅可以按照默认的字母顺序对数组进行排序，还可以通过传入一个比较函数来实现自定义排序。本文将详细讲解 sort() 方法的使用方法和一些注意事项，并提供一些实用的示例代码。
sort() 方法的基本用法
sort() 方法可以用来对数组进行排序，它会将数组中的元素按照一定的顺序重新排列。默认情况下，sort() 方法会按照字母顺序对数组进行排序。例如，对于一个字符串数组，sort() 方法会按照字母顺序对字符串进行排序：
const arr = ['apple', 'banana', 'cherry', 'date'];
arr.sort();
console.log(arr); // ['apple', 'banana', 'cherry', 'date']在上面的示例中，我们定义了一个字符串数组 arr，然后调用了 sort() 方法对数组进行排序。由于默认情况下 sort() 方法按照字母顺序排序，所以排序后的数组仍然保持原来的顺序。
如果想要对数组进行自定义排序，可以通过传入一个比较函数来实现。比较函数接收两个参数，分别表示要比较的两个元素，如果第一个元素小于第二个元素，比较函数应该返回一个负数；如果第一个元素大于第二个元素，比较函数应该返回一个正数；如果两个元素相等，比较函数应该返回 0。例如，下面的代码演示了如何通过比较函数对一个数字数组进行排序：
const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
arr.sort((a, b) => a - b);
console.log(arr); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]在上面的示例中，我们定义了一个数字数组 arr，然后传入了一个比较函数 (a, b) => a - b，这个比较函数将数组按照升序排序。由于比较函数返回的是两个元素的差值，因此数组中的元素会按照从小到大的顺序排列。
sort() 方法的注意事项
在使用 sort() 方法时，需要注意一些细节。首先，sort() 方法会改变原数组，因此在使用之前需要先备份原数组，以免造成数据丢失。其次，sort() 方法在排序时会将元素转换为字符串，因此对于数字数组排序时需要特别注意。例如，下面的代码演示了一个常见的错误用法：
const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
arr.sort();
console.log(arr); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]在上面的示例中，我们定义了一个数字数组 arr，然后调用了 sort() 方法对数组进行排序。由于 sort() 方法会将元素转换为字符串进行比较，因此排序的结果不是我们想要的。正确的做法是传入一个比较函数，例如：
const arr = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
arr.sort((a, b) => a - b);
console.log(arr); // [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]在上面的示例中，我们传入了一个比较函数 (a, b) => a - b，这样就可以正确地对数字数组进行排序了。
sort() 方法的实用示例
sort() 方法可以用来实现很多实用的功能，例如去重、按照属性排序等。下面是一些实用的示例代码：
数组去重
const arr = [1, 2, 3, 2, 1, 4, 5, 3, 6];
const unique = arr.sort().filter((item, index, array) => item !== array[index - 1]);
console.log(unique); // [1, 2, 3, 4, 5, 6]在上面的示例中，我们先对数组进行排序，然后使用 filter() 方法筛选出不重复的元素。
按照属性排序
// www.javascriptcn.com code example
const arr = [
{ name: 'apple', price: 3 },
{ name: 'banana', price: 2 },
{ name: 'cherry', price: 4 },
{ name: 'date', price: 1 },
];
arr.sort((a, b) => a.price - b.price);
console.log(arr);
// [
// { name: 'date', price: 1 },
// { name: 'banana', price: 2 },
// { name: 'apple', price: 3 },
// { name: 'cherry', price: 4 },
// ]在上面的示例中，我们定义了一个对象数组 arr，然后传入了一个比较函数 (a, b) => a.price - b.price，这个比较函数将对象按照 price 属性进行排序。
总结
sort() 方法是 JavaScript 中一个非常实用的数组方法，它可以用来对数组进行排序操作。在使用 sort() 方法时，需要注意一些细节，例如备份原数组、传入比较函数等。sort() 方法还可以用来实现很多实用的功能，例如数组去重、按照属性排序等。希望本文对您有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源
https://www.javascriptcn.com/post/66416933d3423812e4f6bf05