JS深入学习之数组对象排序操作示例

《JS深入学习之数组对象排序操作示例》是一篇介绍JavaScript数组排序相关操作的文章，主要包含以下内容：

1. 数组对象排序

1.1 sort()方法

sort()方法是JavaScript中的一个数组排序方法，可以用于对数组的元素进行排序。sort()方法可以接收一个可选的排序函数作为参数，通过这个函数，我们可以实现自定义的排序规则。

语法为：arr.sort([compareFunction])

其中，arr 为要排序的数组，compareFunction 为可选参数，用于指定排序规则的函数。

下面是一个示例：

let arr = [1, 5, 9, 3, 7, 2];
arr.sort(function(a, b) {
  return a - b;
});
console.log(arr); // 输出 [1, 2, 3, 5, 7, 9]

这里的 compareFunction 函数接收两个参数 a 和 b，代表数组中相邻的两个元素。当 a 小于 b 时，返回一个负数，表示 a 应该排在 b 的前面；当 a 等于 b 时，返回 0，表示 a 和 b 的顺序不变；当 a 大于 b 时，返回一个正数，表示 a 应该排在 b 的后面。

通过这个函数，我们可以实现不同的排序规则。比如，如果我们想按照字符串长度从小到大排序一个字符串数组，可以这样写：

let arr = ["abc", "defg", "h", "ijklmn", "opqrs"];
arr.sort(function(a, b) {
  return a.length - b.length;
});
console.log(arr); // 输出 ["h", "abc", "defg", "opqrs", "ijklmn"]

1.2 reverse()方法

reverse()方法是JavaScript中的另一个数组排序方法，可以用于将数组中的元素顺序翻转。reverse()方法没有参数，它只是将数组中的元素位置进行了翻转。

下面是一个示例：

let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // 输出 [5, 4, 3, 2, 1]

2. 针对对象数组的排序

如果我们要对一个包含多个对象的数组进行排序，我们需要自定义比较函数来指定排序规则。

下面是一个示例：

let arr = [
  { name: "张三", age: 18 },
  { name: "李四", age: 20 },
  { name: "王五", age: 16 },
  { name: "赵六", age: 22 },
];
arr.sort(function(a, b) {
  return a.age - b.age;
});
console.log(arr);
// 输出 [
//   { name: "王五", age: 16 },
//   { name: "张三", age: 18 },
//   { name: "李四", age: 20 },
//   { name: "赵六", age: 22 }
// ]

这个示例中，我们根据数组中每个对象的 age 属性来指定排序规则，将数组中的对象按照 age 从小到大排序。

除了用 sort() 方法外，我们也可以用其他方法来对对象数组进行排序，例如使用 lodash 中的 orderBy 方法，具体使用方法可见文章中的示例。