JavaScript 中的 sort() 方法是数组对象的一个内置方法，用于对数组的元素进行排序。然而，这个看似简单的函数背后，其实隐藏着丰富的排序技巧。今天，我们就来一起揭秘这些技巧，让你轻松掌握 sort() 回调函数，让数组排序变得不再头疼。

1. 默认排序规则

首先，我们先来看看 sort() 方法默认的排序规则。默认情况下，sort() 方法会按照字符串Unicode码点进行排序。这意味着，对于数字数组，它会将数字当作字符串进行排序，从而导致排序结果并不符合预期。

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
numbers.sort();
console.log(numbers); // 输出: [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

2. 使用回调函数自定义排序

为了解决这个问题，我们可以使用 sort() 方法的回调函数来自定义排序规则。回调函数接收两个参数，分别是数组的两个要比较的元素。通过比较这两个元素，我们可以实现自定义的排序逻辑。

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];
numbers.sort((a, b) => a - b);
console.log(numbers); // 输出: [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

在这个例子中，我们使用了箭头函数 (a, b) => a - b 作为回调函数。这意味着当 sort() 方法比较两个元素时，它会计算 a - b 的值。如果结果为负数，则 a 排在 b 前面；如果结果为正数，则 b 排在 a 前面；如果结果为零，则两个元素的顺序不变。

3. 排序字符串

对于字符串数组，我们同样可以使用回调函数来实现自定义排序。下面是一个按照字符串长度进行排序的例子：

let strings = ["apple", "banana", "cherry", "date"];
strings.sort((a, b) => a.length - b.length);
console.log(strings); // 输出: ["date", "apple", "banana", "cherry"]

在这个例子中，我们使用了字符串的 length 属性来比较两个字符串的长度。

4. 多维数组排序

在处理多维数组时，我们可以通过链式使用回调函数来实现更复杂的排序逻辑。以下是一个按照数组中对象的属性进行排序的例子：

let objects = [
  { name: "Alice", age: 30 },
  { name: "Bob", age: 25 },
  { name: "Charlie", age: 35 }
];

objects.sort((a, b) => a.age - b.age);
console.log(objects);
// 输出: [{ name: "Bob", age: 25 }, { name: "Alice", age: 30 }, { name: "Charlie", age: 35 }]

在这个例子中，我们首先按照年龄进行排序，如果年龄相同，则按照姓名的字典顺序排序。

5. 注意事项

  • 在使用回调函数进行排序时，注意比较函数的返回值。如果返回值为负数，则表示第一个参数排在第二个参数前面；如果返回值为正数，则表示第一个参数排在第二个参数后面；如果返回值为零，则两个参数的顺序不变。
  • 当比较函数返回值为 NaN 时，sort() 方法会认为两个参数相等，从而导致排序结果不确定。为了避免这种情况，可以在比较函数中添加对 NaN 的处理。

通过以上这些技巧，相信你已经对 JavaScript 中的 sort() 方法有了更深入的了解。现在，你可以轻松地使用 sort() 方法对数组进行排序，让你的代码更加简洁、高效。