排序是前端开发中经常需要用到的操作之一，而 sort-by 是一款方便而高效的 npm 包，可以帮助我们快速实现按照指定属性进行排序的操作。本文将会介绍 sort-by 的基本使用方法，以及一些实用的技巧，希望能够对前端开发者有所帮助。
sort-by 的基本使用方法
sort-by 的基本使用方法非常简单，只需要按照以下步骤即可：
1. 安装 sort-by
使用 sort-by 前，我们需要先将其安装到本地项目中，可以使用以下命令进行安装：
npm install sort-by
2. 引入 sort-by
安装完成后，我们需要在项目中引入 sort-by，可以使用以下代码：
const sortBy = require('sort-by')或者使用 ES6 的模块系统：
import sortBy from 'sort-by'
3. 使用 sort-by 进行排序
引入 sort-by 后，我们可以使用它进行排序操作。sort-by 接受一个属性名作为参数，并返回一个用于排序的函数。例如，我们有一个包含多个对象的数组，想要按照每个对象的 name 属性进行排序，可以使用以下代码：
const arr = [
{ name: '张三', age: 20 },
{ name: '李四', age: 18 },
{ name: '王五', age: 21 },
]
arr.sort(sortBy('name'))执行以上代码后，arr 数组将会按照每个对象的 name 属性进行排序。
sort-by 的实用技巧
虽然 sort-by 的基本使用方法非常简单，但是它也有一些实用的技巧，可以帮助我们更加高效地使用它。
1. 多个属性进行排序
sort-by 不仅可以按照单个属性进行排序，也可以按照多个属性进行排序，只需要在参数中传入一个数组即可。例如，我们有一个数组包含多个对象，想要按照每个对象的 name 属性和 age 属性进行排序，可以使用以下代码：
const arr = [
{ name: '张三', age: 20 },
{ name: '张三', age: 18 },
{ name: '李四', age: 18 },
{ name: '王五', age: 21 },
]
arr.sort(sortBy(['name', 'age']))执行以上代码后，arr 数组将会按照每个对象的 name 属性和 age 属性进行排序，如果两个对象的 name 和 age 属性都相同，则它们的顺序不变。
2. 倒序排序
sort-by 默认是升序排序，如果想要进行倒序排序，可以在属性名后面加上一个负号，例如：
const arr = [3, 1, 4, 1, 5, 9]
arr.sort(sortBy('-'))执行以上代码后，arr 数组将会按照倒序排列。
3. 排序时忽略大小写
sort-by 默认按照字母的 ASCII 码进行排序，如果想要忽略大小写进行排序，可以在属性名后面加上一个 ignoreCase 选项，例如：
const arr = ['c', 'a', 'B', 'D']
arr.sort(sortBy('toLowerCase', { ignoreCase: true }))执行以上代码后，arr 数组将会按照字母的出现顺序进行排序，而不考虑大小写。
示例代码
完整示例代码如下：
-- -------------------- ---- ------- ----- ------ - ------------------ -- -- ---- ------ ----- ---- - - - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ------------------------- ----------------- -- -- ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- -- ---------- ----- ---- - - - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ------------------------- -------- ----------------- -- -- ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- -- -- ---- ----- ---- - --- -- -- -- -- -- ---------------------- ----------------- -- --- -- -- -- -- -- -- ------- ----- ---- - ----- ---- ---- ---- ------------------------------- - ----------- ---- --- ----------------- -- ----- ---- ---- ----
结语
sort-by 是一款非常实用的 npm 包，可以帮助我们在前端开发中更加高效地进行排序操作。本文介绍了 sort-by 的基本使用方法和一些实用的技巧，相信大家掌握了这些知识之后，会在日常开发中更加游刃有余。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/97154