简介
在前端开发中，我们经常需要对数组进行排序操作。但是如果需要根据多个条件进行排序，常规的方法就变得繁琐。
幸运的是，有一个npm包叫做array-multisort，可以轻松实现根据多个条件排序的功能。
安装
使用npm进行安装：
npm install array-multisort
使用方法
基本使用
导入array-multisort的方法很简单：
const multisort = require("array-multisort");然后，我们定义一个需要排序的数组：
const arr = [
{ name: "Jerry", age: 20, score: 80},
{ name: "Tom", age: 18, score: 90},
{ name: "Lucy", age: 18, score: 75},
{ name: "Lily", age: 20, score: 60},
];现在我们需要按照年龄和成绩进行排序，我们可以这么做：
multisort(arr, ["age", "score"]);
这样就完成了根据年龄和成绩进行排序的操作。
我们可以输出一下排序后的数组：
console.log(arr);
输出结果：
[
{ name: "Lucy", age: 18, score: 75},
{ name: "Tom", age: 18, score: 90},
{ name: "Jerry", age: 20, score: 80},
{ name: "Lily", age: 20, score: 60},
]排序方式
以上面的案例为例，我们可以看到默认的排序方式是升序。如果需要降序排序，可以这样做：
multisort(arr, ["age", "score"], ["DESC", "DESC"]);
这样就可以将年龄和成绩都按照降序进行排序了。
自定义排序函数
在一些特殊情况下，我们需要使用自定义的排序函数。
array-multisort提供了这种功能。
例如，我们现在需要将年龄为18的排在最前面，可以这样实现：
-- -------------------- ---- -------
----------
----
-
--- -- -
------ ----- --- ---
--
------
--------
--
------- ------ -------
--这里传入了一个自定义的排序函数，它返回了一个布尔值，根据这个布尔值进行排序。
在排序时，先根据自定义的排序函数进行排序，如果排序结果相同，则根据后面的属性进行排序。
示例代码
完整的示例代码如下：
-- -------------------- ---- -------
----- --------- - ---------------------------
----- --- - -
- ----- -------- ---- --- ------ -- --
- ----- ------ ---- --- ------ -- --
- ----- ------- ---- --- ------ -- --
- ----- ------- ---- --- ------ -- --
--
-------------- ------- ----------
-----------------
-------------- ------- --------- -------- ---------
-----------------
----------
----
-
--- -- -
------ ----- --- ---
--
------
--------
--
------- ------ -------
--
-----------------总结
在这篇文章中，我们介绍了如何使用array-multisort这个npm包实现对数组根据多个条件进行排序的操作，包括基本使用、排序方式和自定义排序函数，希望能对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005680581e8991b448e4288