前言
在前端开发的过程中，我们经常需要进行各种数据处理，其中包括对数据的格式转换、归并、分割等等操作。而这些操作中有一种比较常见且繁琐的，就是对于数组的顺序进行重新排列。而这时候，我们就可以使用 brq 这个 npm 包来帮忙完成这个工作。
brq 是一个比较高效的类库，它可以让你在数组的顺序重新排列的同时，只保留部分元素。那么，接下来我们就来看一下如何使用它。
安装
我们可以使用 npm 包管理工具来安装 brq：
npm install brq
安装完成后，我们就可以开始使用它啦。
使用教程
基本使用
这里我们先来看一个简单的例子。假设我们有一个数组，我们需要把其中的奇数元素分别放到数组的最前面，而偶数元素则要放到数组的最后面。下面是代码实现：
-- -------------------- ---- ------- ----- --- - --------------- ----- ----- - --- -- -- -- -- -- -- -- --- ----- ------ - - -- - - - --- -- ----- ------ - ---------- - - ------ ------- ----- ----- -- - ------ ------- ----- ---- - --- -------------------- -- --- -- -- -- -- -- -- -- --
上面的代码中，我们首先创建了一个数组 array，并定义了一个函数 isEven。这个函数会用于筛选“奇数元素是？”这个问题。然后我们使用 brq 方法对这个数组进行排序，并传入了一个选项数组。这个选项数组中，第一项传入了 { value: isEven, keep: false }，表示它会检查数组的每个元素，只有当元素是奇数时才会保留。第二项传入了 { value: isEven, keep: true }，表示它会检查数组的每个元素，只有当元素是偶数时才会保留。最后返回的结果则是排列后的新数组。
高级使用
brq 的功能还不止于此。我们还可以在选项数组中设置一些高级选项，来实现更加复杂的操作。
1. multiKeep
首先，我们来看一个 multiKeep 的例子。用法和上面的例子差不多，不同的是它会对每一组相同值的元素都进行保留。下面是代码实现：
-- -------------------- ---- ------- ----- --- - --------------- ----- ----- - --- -- -- -- -- -- -- -- -- -- --- ----- ------ - - -- - - - --- -- ----- ------ - ---------- - - ------ ------- ----- ----- -- - ------ ------- ----- ----- ---------- ---- - --- -------------------- -- --- -- -- -- -- -- -- -- -- -- --
上面的代码中，我们创建了一个比较复杂的数组，里面包含了几个相同的元素。与之前的例子相比，我们增加了一个参数 multiKeep，这个参数的意义是：“保留多个相同的值”。当这个选项设置为 true 时，brq 就会对每一组相同的值都进行保留。
2. multiOnce
除了 multiKeep 外，brq 还提供了 multiOnce 这个选项。用法与 multiKeep 类似，不同的是它只对每个相同的值中的第一个元素进行保留。下面是代码实现：
-- -------------------- ---- ------- ----- --- - --------------- ----- ----- - --- -- -- -- -- -- -- -- -- -- --- ----- ------ - - -- - - - --- -- ----- ------ - ---------- - - ------ ------- ----- ----- -- - ------ ------- ----- ----- ---------- ---- - --- -------------------- -- --- -- -- -- -- -- -- -- --
这样一来，返回的结果中，保留了每种相同的值中的第一个元素。
3. sortIndex
最后我们来讲解一下 sortIndex 这个选项。它可以用于对保留和舍弃的元素进行排序。这个选项接收的是一个函数，这个函数需要返回一个数字，用于表示元素的顺序。下面是代码实现：
-- -------------------- ---- ------- ----- --- - --------------- ----- ----- - --- -- -- -- -- -- -- -- --- ----- ------ - - -- - - - --- -- ----- ------ - ---------- - - ------ ------- ----- ------ ---------- - -- -- -- - ------ ------- ----- ----- ---------- - -- - - --- -------------------- -- --- -- -- -- -- -- -- -- --
上面的代码中，我们设置了第一项的 sortIndex 为 n => -n，表示对数组中被舍弃的元素按照从大到小的顺序排列。而对于被保留的元素，则按照从小到大的顺序排列。
总结
brq 是一个非常实用的 npm 包，它可以在对数组进行重新排列的同时，只保留部分元素。通过本篇文章，我们学习了它的基本使用方法，还介绍了一些高级选项。相信在后续的开发中，我们会越来越喜欢这个工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71539