js对象数组按属性快速排序

下面就是关于“js对象数组按属性快速排序”的完整攻略：

1. 排序算法

在排序算法方面，我们可以使用JavaScript内置的sort()函数。sort()方法可以按照指定的方法对数组的元素进行排序，默认排序方式为按字母顺序。如果想要按属性对js对象数组进行排序，则需要传入一个比较函数。

比较函数的语法格式为：

function compare(a, b) {
  // compare logic here
}

其中a和b分别表示要比较的两个元素，比较逻辑需要返回一个数字，表示这两个元素的大小关系。如果返回值是负数，则a排在b前面；如果返回值是正数，则b排在a前面；如果返回值是0，则两个元素相等，排序顺序不变。

下面来看一个简单的示例：

const arr = [5, 2, 1, 4, 3];

arr.sort((a, b) => a - b);

console.log(arr); // [1, 2, 3, 4, 5]

在上面的示例中，我们使用sort()方法对一个数字数组进行排序，使用了比较函数(a, b) => a - b，这个比较函数表示升序排序。执行结果是 [1, 2, 3, 4, 5]。

2. 排序对象数组

在排序对象数组时，我们需要对比较函数进行一些修改。假设我们要按照age属性对以下js对象数组进行排序：

const arr = [
  {name: 'Jim', age: 20},
  {name: 'Tom', age: 18},
  {name: 'Lucy', age: 22},
  {name: 'Jack', age: 19},
  {name: 'Lily', age: 21}
];

可以用以下代码进行排序：

arr.sort((a, b) => a.age - b.age);

console.log(arr);
// [{name: 'Tom', age: 18}, {name: 'Jack', age: 19}, {name: 'Jim', age: 20}, {name: 'Lily', age: 21}, {name: 'Lucy', age: 22}]

在上面的代码中，我们使用了sort()方法来对js对象数组进行排序，比较函数使用的是(a, b) => a.age - b.age，这个比较函数表示按年龄升序排序。执行结果是：

[
  {name: 'Tom', age: 18},
  {name: 'Jack', age: 19},
  {name: 'Jim', age: 20},
  {name: 'Lily', age: 21},
  {name: 'Lucy', age: 22}
]

如果想要按照其它属性排序，只需要将比较函数中的属性名替换为相应的属性即可。

另外，如果想要按属性降序排序，则只需要将比较函数中的返回值相反即可，即：b.age - a.age。

3. 使用Lodash

除了使用JavaScript自带的sort()方法外，我们还可以使用Lodash库中orderBy()方法进行排序。orderBy()方法更易于使用，且可以同时对多个属性进行排序。例如，可以对以下js对象数组先按年龄降序排序，再按姓名升序排序：

const arr = [
  {name: 'Jim', age: 20},
  {name: 'Tom', age: 18},
  {name: 'Lucy', age: 22},
  {name: 'Jack', age: 19},
  {name: 'Lily', age: 21}
];

const sorted = _.orderBy(arr, ['age', 'name'], ['desc', 'asc']);

console.log(sorted);
/**
[ 
  { name: 'Lucy', age: 22 },
  { name: 'Lily', age: 21 },
  { name: 'Jim', age: 20 },
  { name: 'Jack', age: 19 },
  { name: 'Tom', age: 18 } 
]
**/

在上面的代码中，使用了Lodash的orderBy()方法来对js对象数组进行排序。orderBy()方法的第一个参数为要排序的数组，第二个参数为属性名数组，第三个参数为排序方式数组，这里按年龄降序排序，再按姓名升序排序。

总结一下以上几点，按属性对js对象数组进行排序有两种方法：使用JavaScript内置的sort()方法，并传入比较函数；使用Lodash库中的orderBy()方法，更易于使用。