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