在前端开发中，经常需要对数组进行排序操作。JavaScript 提供的 Array.sort() 方法可以实现简单的排序，但在实际开发中，我们经常需要按照自己定义的规则进行排序。这时，我们可以使用第三方的 npm 包 sort-array-by。
什么是 sort-array-by
sort-array-by 是一个基于纯 JavaScript 的 npm 包，它提供了一种简单的方法来对数组进行排序，可以按照自定义的规则进行排序。
安装 sort-array-by
使用 sort-array-by 需要先安装它。打开终端，执行以下命令：
npm install sort-array-by
使用 sort-array-by
sort-array-by 的使用非常简单。下面通过实例来介绍它的使用。
假设有如下数组：
const arr = [
{name: '张三', age: 20},
{name: '李四', age: 18},
{name: '王五', age: 22}
];我们想按照年龄从小到大的顺序对数组进行排序。使用 sort-array-by 可以这样实现：
const sortBy = require('sort-array-by');
const result = sortBy(arr, 'age');
console.log(result);
// 输出：[
// {name: '李四', age: 18},
// {name: '张三', age: 20},
// {name: '王五', age: 22}
// ]当然，我们也可以按照其他属性进行排序，比如按照姓名的首字母顺序：
-- -------------------- ---- ------- ----- --- - - ------ ----- ---- ---- ------ ----- ---- ---- ------ ----- ---- --- -- ----- ------ - ------------------------- ----- ------ - ----------- ---- -- --------------------- -------------------- -- ---- -- ------ ----- ---- ---- -- ------ ----- ---- ---- -- ------ ----- ---- --- -- -
我们可以将排序回调函数作为第二个参数传递给 sort-array-by。这个回调函数接受一个参数，代表当前比较的两个元素。在回调函数内部，我们需要返回一个比较值，根据比较值的大小来确定排序顺序。
另外，如果我们需要倒序排列，可以将回调函数返回值取反，或者传递第三个参数为 true：
-- -------------------- ---- ------- ----- --- - - ------ ----- ---- ---- ------ ----- ---- ---- ------ ----- ---- --- -- ----- ------ - ------------------------- ----- ------ - ----------- ---- -- ----------- -------------------- -- ---- -- ------ ----- ---- ---- -- ------ ----- ---- ---- -- ------ ----- ---- --- -- - ----- ------- - ----------- ------ ------ --------------------- -- ---- -- ------ ----- ---- ---- -- ------ ----- ---- ---- -- ------ ----- ---- --- -- -
总结
sort-array-by 可以提供一种简单的方法来对数组进行自定义规则的排序。它的使用非常简单，只需要安装并传入正确的参数即可。在实际开发中，我们可以根据不同的需求使用 sort-array-by 来为数组排序，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005580081e8991b448d5230