在前端开发中，排序是一个常见的操作。JavaScript 提供了数组排序的内置方法，但是它只能按照默认的字母顺序或数字顺序进行排序。如果我们需要按照自定义条件来排序，该怎么办呢？这时候，npm 包 array-sort 就可以派上用场了。
安装和导入
首先，在项目根目录下使用以下命令安装 array-sort：
npm install array-sort
然后，在需要使用的文件中导入 array-sort 模块：
const arraySort = require('array-sort');或者，如果你使用 ES6 模块，则可以这样导入：
import arraySort from 'array-sort';
基本使用
array-sort 支持对数组进行升序和降序排序。例如，我们有一个包含多个对象的数组：
const users = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 20 },
{ name: 'Charlie', age: 30 }
];我们可以使用 arraySort() 方法对这个数组进行排序：
arraySort(users, 'age'); // 按照年龄升序排序
这将返回一个按照年龄升序排列的新数组。原始数组并没有改变。
如果要降序排序，可以将第三个参数设置为 {reverse: true}：
arraySort(users, 'age', {reverse: true}); // 按照年龄降序排序同样地，这也将返回一个新数组，并不改变原始数组。
高级用法
除了基本的升序和降序排序之外，array-sort 还支持自定义排序规则。我们可以传递一个函数作为第二个参数来自定义排序规则。
例如，如果我们想要按照字符串长度对数组进行排序：
const fruits = ['apple', 'banana', 'orange', 'pear']; arraySort(fruits, (a, b) => a.length - b.length); // 按照字符串长度升序排序
这将返回一个按照字符串长度升序排列的新数组。
另一个示例：如果我们有一个包含多个对象的数组，每个对象都有一个 score 属性，我们可以按照 score 属性的值来排序。但是，如果两个对象的 score 值相等，我们希望它们按照 name 属性的字母顺序进行排序。这时候，我们就可以自定义排序规则：
-- -------------------- ---- -------
----- ----- - -
- ----- ------ ------ -- --
- ----- -------- ------ -- --
- ----- ---------- ------ -- --
- ----- -------- ------ -- -
--
---------------- --- -- -- -
-- -------- --- -------- -
------ ------- - -------- -- --- ----- ------
- ---- -
------ ----------------------------- -- -- ----- ------ ---- -----------
-
---这将返回一个新数组，按照上述规则进行排序。
总结
array-sort 是一个非常方便的 npm 包，可以帮助我们快速地对数组进行排序。除了基本的升序和降序排序之外，它还支持自定义排序规则，可以满足各种排序需求。需要注意的是，array-sort 返回的总是一个新数组，不会改变原始数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50085