Javascript 数组排序详解

数组排序是JS中常用的操作之一，它可以对一个数组中的元素按照一定规则进行排序。本文将详细介绍JS中数组排序的各种方法和注意事项。

基本语法

JS中有多种数组排序方法，这些方法在使用时，可以通过以下语法进行调用：

array.sort(function(a, b){return a-b});

数组会根据 callback 函数内指定的排序方式排序后返回。这里的 function(a, b){return a-b} 是一个比较函数，实现了按数字大小升序排序，如果需要降序排序，则需要将 a-b 改为 b-a。

数字排序

首先我们来看一个数字数组的排序示例，如下所示：

var numbers = [5, 2, 1, 4, 3];
numbers.sort(function(a, b){return a-b});
console.log(numbers);

输出结果：

[1, 2, 3, 4, 5]

在这个例子中，我们创建了一个数字数组 numbers，然后我们使用 sort() 方法，内置的比较函数按数字大小升序排序，刚好满足了我们的需求。

字符串排序

如果需要对字符串数组排序，我们需要使用比较函数来指定排序规则。如下所示：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(function(a, b){return a.localeCompare(b)});
console.log(fruits);

输出结果：

["Apple", "Banana", "Mango", "Orange"]

在这个例子中，我们使用到了内置的 localeCompare() 方法，该方法能够根据本地特定的规则对字符串进行排序。这里我们使用了该方法作为比较函数来实现了对字符串数组的排序。

对象排序

如果需要对对象数组排序，我们也可以使用比较函数来实现自定义排序规则，如下所示：

var persons = [
  {name: "John", age: 30},
  {name: "David", age: 20},
  {name: "Mary", age: 25}
];

persons.sort(function(a, b){return a.age - b.age});

console.log(persons);

输出结果：

[
  {name: "David", age: 20},
  {name: "Mary", age: 25},
  {name: "John", age: 30}
]

在这个例子中，我们创建了一个对象数组 persons，并使用 sort() 方法和自定义比较函数，按照年龄大小进行排序。

注意事项

在使用 sort() 方法进行排序时，需要注意以下几点：

• sort() 方法改变了原数组，不会创建新的数组。
• sort() 方法默认按照 UTF-16 编码的顺序进行排序，而不是按照数字或字母的大小进行排序。因此，当需要对数字或字符串进行排序时，需要正确的比较函数。
• 在排序数组时，不要使用带有“0”、“+”的前导符的数字，否则可能会得到意想不到的结果。

结论

通过以上介绍，我们可以了解到在JS中数组排序的多种方法和注意事项，掌握了这些知识不仅可以提高JS编程效率，还可以应对各种复杂应用场景的需求。