前端面试题22（js中sort常见的用法）

在这里插入图片描述
JavaScript 的 sort() 方法是数组的一个非常强大的功能，用于对数组的元素进行排序。这个方法直接修改原数组，并返回排序后的数组。sort() 的默认行为是将数组元素转换为字符串，然后按照字符串的 Unicode 字典顺序进行排序。这意味着如果你试图排序数字或其他类型的数据，可能不会得到预期的结果。

为了更好地控制排序过程，你可以向 sort() 方法传递一个比较函数作为参数。这个函数应该接收两个参数，并返回一个负数、零或正数，用来指示第一个参数应该排在第二个参数之前、之后还是相同位置。

以下是 sort() 方法的一些常见用法：

1. 默认排序

javascript">let fruits = ['banana', 'apple', 'orange'];
fruits.sort();
console.log(fruits); // ['apple', 'banana', 'orange']

2. 数字排序

javascript">let numbers = [5, 3, 8, 1, 2];
numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 3, 5, 8]

在这个例子中，我们传递了一个箭头函数 (a, b) => a - b 给 sort() 方法。这个函数确保了数字以升序排列。

3. 反向排序

javascript">let numbers = [5, 3, 8, 1, 2];
numbers.sort((a, b) => b - a);
console.log(numbers); // [8, 5, 3, 2, 1]

通过改变比较函数，我们可以很容易地实现降序排列。

4. 排序对象数组

假设我们有一个对象数组，每个对象都有一个 age 属性，我们想按照年龄排序：

javascript">let people = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 35 }
];

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

5. 混合类型排序

如果数组中的元素类型不同，sort() 方法可能会产生意外的结果。例如：

javascript">let mixed = ['1', 2, '3', 4];
mixed.sort();
console.log(mixed); // ['1', '2', '3', 4]

在这个例子中，由于 sort() 默认将所有元素转换为字符串，所以数字 2 和 4 被排在了 '3' 的前面。

6. 自定义排序规则

你可以创建更复杂的比较函数来实现特定的排序逻辑：

javascript">let items = [
  { value: 'A', order: 2 },
  { value: 'B', order: 1 },
  { value: 'C', order: 3 }
];

items.sort((a, b) => a.order - b.order);
console.log(items);
// [
//   { value: 'B', order: 1 },
//   { value: 'A', order: 2 },
//   { value: 'C', order: 3 }
// ]