简介
在前端开发中，我们经常需要对数组进行排序操作。数组可以是字符串数组、数字数组、对象数组等等。在 JavaScript 中，Array.prototype.sort() 提供了对数组排序的基本接口。然而，在复杂业务场景中，仅仅使用 sort() 并不一定能够满足我们的需求。在这种情况下，我们可以使用 make-sort-key 这个 npm 包实现更为灵活的排序方式。
什么是 make-sort-key
make-sort-key 是一个开源的 npm 包，它允许我们使用自定义函数或者属性名称对数组进行排序。该库提供了一个 makeSortKey 函数，接收一个排序函数或属性名称数组作为参数，返回一个新函数，该函数可用于数组排序。
安装
在使用 make-sort-key 之前，需要通过 npm 安装该包。可以使用以下命令进行安装：
npm install make-sort-key
使用示例
假设我们有如下的对象数组：
const data = [
{ name: 'Bill', age: 37 },
{ name: 'Alex', age: 26 },
{ name: 'Chris', age: 34 },
{ name: 'Dave', age: 43 },
{ name: 'Ethan', age: 22 },
]我们可以使用默认排序方式对该数组进行排序：
data.sort()
排序后的结果为：
[
{ age: 22, name: "Ethan" },
{ age: 26, name: "Alex" },
{ age: 34, name: "Chris" },
{ age: 37, name: "Bill" },
{ age: 43, name: "Dave" },
]可以看到，使用默认排序方式并不能够满足我们的需求。接下来，我们将使用 make-sort-key 实现更为灵活的排序方式。
对象值排序
首先，我们通过对象的 age 属性对数组进行排序：
const makeSortKey = require('make-sort-key')
const sortByAge = makeSortKey(item => item.age)
data.sort(sortByAge)
console.log(data)运行后，可以看到输出的结果为：
[
{ name: 'Ethan', age: 22 },
{ name: 'Alex', age: 26 },
{ name: 'Chris', age: 34 },
{ name: 'Bill', age: 37 },
{ name: 'Dave', age: 43 }
]可以看到，我们按照 age 属性从小到大排序了该数组。
多属性排序
接下来，我们尝试使用多个属性对数组进行排序。假设我们需要按照 age 属性从小到大排序，并在 age 相等的情况下按照 name 属性从小到大排序。可以使用以下代码实现：
const makeSortKey = require('make-sort-key')
const sortByAgeAndName = makeSortKey(['age', 'name'])
data.sort(sortByAgeAndName)
console.log(data)运行后，可以看到输出的结果为：
[
{ name: 'Ethan', age: 22 },
{ name: 'Alex', age: 26 },
{ name: 'Chris', age: 34 },
{ name: 'Bill', age: 37 },
{ name: 'Dave', age: 43 },
]可以看到，我们按照 age 属性从小到大排序了该数组，并在 age 相等的情况下按照 name 属性从小到大排序。
自定义排序函数
最后，我们尝试使用自定义排序函数对数组进行排序。假设我们需要按照数字奇偶性对数组进行排序，可以使用以下代码实现：
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- ------------- - ------------------ -- - ------ -------- - - --- - - ------ - ----- -- ------------------------ -----------------
运行后，可以看到输出的结果为：
[
{ name: 'Bill', age: 37 },
{ name: 'Chris', age: 34 },
{ name: 'Dave', age: 43 },
{ name: 'Alex', age: 26 },
{ name: 'Ethan', age: 22 },
]可以看到，我们按照数字奇偶性排序了该数组。
总结
使用 make-sort-key 可以让我们更加灵活地对数组进行排序。无论是简单的属性排序，还是复杂的自定义排序函数，我们都可以使用该库轻松地实现。希望本文能够帮助读者了解 make-sort-key 的使用方法，让大家在实际开发中能够更加高效地处理数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70240