介绍JS中的sortBy()方法

在JS中，有时候我们需要按照某种规则或者属性对数组或者对象进行排序，这时我们可以使用JS中提供的sort方法和自定义排序函数，但是使用sort方法可能存在一些小问题，例如排序结果不稳定，当待排序元素过多时性能降低等等。为了解决这些问题，我们可以使用underscore.js中提供的sortBy方法。

下划线.js

underscore.js是一个JavaScript实用工具库，提供了一整套函数式编程的实用功能。

sortBy函数的使用例子

sortBy函数是underscore.js库中提供的一个对象/数组排序函数。它可以按照给定的一个规则对数组进行排序。下面是一个示例代码片段：

const _ = require('underscore');

const people = [
  { name: 'Tom', age: 30 },
  { name: 'Jerry', age: 20 },
  { name: 'Mary', age: 25 },
  { name: 'Bob', age: 40 }
];

const result = _.sortBy(people, 'age');

console.log(result);

上面的代码会输出按照年龄排序的人员名单，结果如下：

[
  { name: 'Jerry', age: 20 },
  { name: 'Mary', age: 25 },
  { name: 'Tom', age: 30 },
  { name: 'Bob', age: 40 }
]

我们可以看到，sortBy默认是根据给定的排序规则对待排序的元素按升序排序的，对于数组中嵌套的对象，仅仅提供一个key名称就可以进行排序。

sortBy函数规则

sortBy的规则是，在数组中的每一个元素上调用一次传入的迭代函数，然后根据返回值升序排序。下面是一个更加详细的示例代码：

const _ = require('underscore');

const person1 = { name: 'Tom', age: 30 };
const person2 = { name: 'Jerry', age: 20 };
const person3 = { name: 'Mary', age: 25 };
const person4 = { name: 'Bob', age: 40 };

const people = [person1, person2, person3, person4];

const result = _.sortBy(people, (person) => {
  return person.age;
});

console.log(result);

上面的代码和我们之前的示例非常类似，但是实际上做了更多的操作。在这个示例中，我们可以看到将每一个人都传入了一个比较函数中，并返回了他们的年龄，最后再根据年龄对数组进行了排序。

sortBy函数应用

sortBy函数除了可以应用在数组对象中进行排序外，还可以用来进行其他的形式的排序，例如字符串的排序。下面是一个字符串排序的示例：

const _ = require('underscore');

const strArr = ['a', 'd', 'f', 'h', 'b'];

const result = _.sortBy(strArr, (value) => {
  return value.charCodeAt(0);
});

console.log(result);

在这个示例中，我们使用了字符串的Unicode编码作为排序依据，使得字符串按照字母顺序进行排序。

结论

总体来说，underscore.js中提供的sortBy函数为我们实现数组/对象排序提供了一种高效、方便的方法。如果你在开发中需要进行排序，那么值得一试。