排序是前端开发中经常会用到的操作，而对于包含对象的数组排序则更为常见。npm包 sort-object-arrays 可以帮助我们轻松地对包含对象的数组进行排序，同时还提供了多种排序方式和自定义排序函数。
安装
首先，我们需要在项目中安装该npm包：
--- ------- ------------------
基本用法
在引入该包之后，我们可以使用它提供的 sortObjectArray() 方法来对包含对象的数组进行排序。以下是一个简单的示例代码：
----- - --------------- - - ------------------------------ ----- ---- - - - ---- --- ----- ----- -- - ---- --- ----- ------- -- - ---- --- ----- ------- -- -- ----- ------ - --------------------- --------- -------------------- -- ----- ---- --- ----- ------- --- ---- --- ----- ----- --- ---- --- ----- ------- --
上述代码中，我们首先引入了该npm包并将其赋值给变量 sortObjectArray。接着，我们定义了一个包含对象的数组 data，数组中每个对象都包含 age 和 name 两个属性。最后，我们调用 sortObjectArray() 方法并传入两个参数：需要排序的数组 data 和排序依据 ['age']。该方法会返回一个新的已排序的数组。在本例中，我们只按照 age 属性进行单个升序排序。
多重排序
sort-object-arrays 还支持多重排序，这意味着我们可以根据多个属性对数组进行排序。以下是一个示例代码：
----- - --------------- - - ------------------------------ ----- ---- - - - ---- --- ----- ----- -- - ---- --- ----- ------- -- - ---- --- ----- ------- -- -- ----- ------ - --------------------- ------- --------- -------------------- -- ----- ---- --- ----- ------- --- ---- --- ----- ----- --- ---- --- ----- ------- --
上述代码中，我们传入了两个排序依据 ['age', 'name']，它们将被依照顺序应用于数组排序。首先按照 age 属性进行排序，如果有相同的 age 属性则进一步按照 name 属性进行排序。最终，我们得到了如上所示的已排序数组。
自定义排序函数
如果默认提供的排序方式无法满足需求，我们还可以通过自定义排序函数来进行复杂的排序操作。以下是一个示例代码：
----- - --------------- - - ------------------------------ ----- ---- - - - ---- --- ----- ----- -- - ---- --- ----- ------- -- - ---- --- ----- ------- -- -- ----- ------ - --------------------- ---- -- -- ----- - -------- -------------------- -- ----- ---- --- ----- ------- --- ---- --- ----- ----- --- ---- --- ----- ------- --
上述代码中，我们传入了一个自定义排序函数，该函数会根据对象的 age 属性进行升序排序。函数接收两个参数 a 和 b，分别代表待比较的两个对象。如果返回值小于0，则a 应该排在 b 前面，如果返回值大于0，则a 应该排在 b 后面，如果返回值等于0则它们的顺序不变。
总结
sort-object-arrays 包为前端开发者提供了一种
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49998