简介
sort-object-list 是一个 NPM 包，可以用于按照给定属性排序对象数组。它在前端的开发中带来了极大的方便性，特别是在做数据渲染时对于数据的排序操作非常重要。
安装
首先，在使用之前需要在命令行工具中先安装这个 NPM 包，方法如下：
npm install sort-object-list
接着，我们在文件头部引入安装好的包：
const sortObjectList = require('sort-object-list');使用方法
sort-object-list 主要提供三种排序方式：按照数字、字符串和日期。
按照数字排序
当需要对一个对象数组中的数字属性进行排序时，可以使用如下代码：
const data = [
{ name: 'Apple', price: 3.0 },
{ name: 'Banana', price: 2.5 },
{ name: 'Pear', price: 1.8 }
];
sortObjectList(data, 'price', 'asc');这里，我们将 data 数组以 price 属性按照升序排列。如果需要降序排列，则将最后一个参数设置为 'desc' 即可。
sortObjectList(data, 'price', 'desc');
按照字符串排序
当需要对一个对象数组中的字符串属性进行排序时，可以使用如下代码：
const data = [
{ name: 'Erik', age: 25 },
{ name: 'Betty', age: 21 },
{ name: 'Andy', age: 30 }
];
sortObjectList(data, 'name', 'asc');这里，我们将 data 数组以 name 属性按照升序排列。
可以看到，sort-object-list 会自动根据传入的属性类型进行判断，因此我们不必再手动指定需要排序的数据类型。
按照日期排序
当需要对一个对象数组中的日期属性进行排序时，可以使用如下代码：
const data = [
{ date: '2021-05-20', title: 'Article 1' },
{ date: '2021-04-18', title: 'Article 2' },
{ date: '2021-06-08', title: 'Article 3' }
];
sortObjectList(data, 'date', 'asc');这里，我们将 data 数组以 date 属性按照升序排列。
自定义排序
除了上述三种排序方式外，我们也可以自定义排序规则。例如，如果要按照长度排序，我们可以使用如下代码：
const data = [
{ name: 'Andy', message: 'Hello' },
{ name: 'Betty', message: 'Hi' },
{ name: 'Erik', message: 'Good morning' }
];
sortObjectList(data, item => item.message.length, 'asc');这里，我们将 data 数组以 message 属性的长度按照升序排列。可以看到，我们将第二个参数设置为一个函数，来自定义排序规则。
例子
下面是一个完整的使用示例：
-- -------------------- ---- ------- ----- -------------- - ---------------------------- ----- ---- - - - ----- ------- ---- -- -- - ----- -------- ---- -- -- - ----- ------- ---- -- - -- ----- ---------- - -------------------- ------ -------- ------------------------
运行上述代码，得到的输出为：
[
{ name: 'Andy', age: 30 },
{ name: 'Erik', age: 25 },
{ name: 'Betty', age: 21 }
]总结
sort-object-list 提供了非常方便的对象数组排序工具，可以极大地提升前端开发的效率和便捷性。在使用时需要注意传入的参数以及需要排序的属性。同时，也可以根据需求自定义排序规则，以满足更复杂的排序需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ff481e8991b448ddc04