介绍
在前端开发中，我们常常需要把一个数组或对象按照一定规则拆分成多个部分，这时候我们可以使用 npm 包 divvy-up。
divvy-up 是一个轻量级的 npm 包，它可以方便地把一个数组或对象按照指定规则进行拆分，拆分出的部分可以有不同的长度和元素个数。divvy-up 的代码简单易懂，使用起来非常方便，值得一试。
本文将详细介绍如何安装和使用 divvy-up 这个 npm 包，并给出多个示例代码，以便读者深入理解和快速上手。
安装
在使用 divvy-up 之前，我们需要先安装它。在命令行中输入以下命令即可完成安装：
npm install divvy-up
使用
安装完成后，我们就可以开始使用 divvy-up 了。divvy-up 提供了 2 个方法来实现拆分操作：
chunk(array, size)把一个数组按照指定尺寸进行均分，每个部分可以是不同的长度。partition(array, callback)把一个数组按照指定规则进行拆分，其中 callback 是一个函数，返回值为 true 或 false，拆分出的部分可以有不同的元素个数。
下面我们将分别介绍这两个方法的使用。
chunk(array, size)
chunk(array, size) 方法可以把一个数组按照指定尺寸进行均分，每个部分可以是不同的长度。这个方法的使用非常简单：
const divvyUp = require('divvy-up');
const array = [1, 2, 3, 4, 5, 6, 7, 8];
const chunks = divvyUp.chunk(array, 3);
console.log(chunks); // [[1, 2, 3], [4, 5, 6], [7, 8]]在上面的代码中，我们创建了一个包含 8 个元素的数组，然后使用 divvyUp.chunk 方法把它拆分成长度为 3 的三个部分，并将结果存储在变量 chunks 中，最后将 chunks 打印到控制台，得到的输出是：
[[1, 2, 3], [4, 5, 6], [7, 8]]
上述例子中数组长度正好是分块大小的倍数，那么如果数组长度不足分块大小的倍数呢？看下面这个例子：
const divvyUp = require('divvy-up');
const array = [1, 2, 3, 4, 5, 6, 7];
const chunks = divvyUp.chunk(array, 3);
console.log(chunks); // [[1, 2, 3], [4, 5, 6], [7]]在上述代码中，我们同样创建了一个包含 7 个元素的数组，然后使用 divvyUp.chunk 方法把它拆分成长度为 3 的三个部分，最后将结果打印到控制台。输出结果为：
[[1, 2, 3], [4, 5, 6], [7]]
可以看到，最后一个部分只有一个元素。
partition(array, callback)
partition(array, callback) 方法可以把一个数组按照指定规则进行拆分，其中 callback 是一个函数，返回值为 true 或 false，拆分出的部分可以有不同的元素个数。使用 partition 方法时，需要注意 callback 函数的返回值，因为它会决定哪些元素被拆分进去，哪些元素被拆分出来。
const divvyUp = require('divvy-up');
const array = [1, 2, 3, 4, 5, 6];
const partitions = divvyUp.partition(array, num => num % 2 === 0);
console.log(partitions); // [[2, 4, 6], [1, 3, 5]]在上述代码中，我们创建了一个包含 6 个元素的数组，然后使用 divvyUp.partition 方法按照元素是否为偶数进行拆分，并将结果存储在变量 partitions 中，最终打印 partitions。输出结果为：
[[2, 4, 6], [1, 3, 5]]
上面的代码中，我们使用的是箭头函数，相当于：
function even(num) {
return num % 2 === 0;
}
const partitions = divvyUp.partition(array, even);这样写的结果是一样的。
示例代码
下面给出一些详细的示例代码，以方便读者深入理解和快速上手：
示例 1：将一组字符串拆分成长度为 2 的字符串数组
const divvyUp = require('divvy-up');
const str = 'hello,world';
const chars = str.split('');
const parts = divvyUp.chunk(chars, 2);
const result = parts.map(part => part.join(''));
console.log(result); // ['he', 'll', 'o,', 'wo', 'rl', 'd']在上面的代码中，我们将一个字符串拆分成一个字符串数组，然后使用 divvyUp.chunk 方法将这个字符串数组拆分成长度为 2 的部分，最后把每个部分中的字符串拼接起来。输出结果为：
['he', 'll', 'o,', 'wo', 'rl', 'd']
示例 2：将一组数字按照奇偶分为两组
-- -------------------- ---- ------- ----- ------- - -------------------- ----- ------- - --- -- -- -- -- -- -- --- ----- ---------- - -------------------------- --- -- --- - - --- --- ----- ---- - -------------- ----- --- - -------------- ------------------ -- --- -- -- -- ----------------- -- --- -- -- --
在上面的代码中，我们将一个数组按照元素的奇偶性进行拆分，最后得到两个数组，一个包含所有的偶数，另一个包含所有的奇数。输出结果为：
[2, 4, 6, 8] [1, 3, 5, 7]
示例 3：将一个对象按照属性进行拆分
-- -------------------- ---- ------- ----- ------- - -------------------- ----- ------- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- - ----- -------- ---- -- -- - ----- ------ ---- -- -- -- ----- ---------- - -------------------------- --- -- ------- - ---- ----- ----- - -------------- ----- --- - -------------- ------------------- -- -- ----- -------- ---- -- -- - ----- ------ ---- -- -- ----------------- -- -- ----- ---------- ---- -- -- - ----- -------- ---- -- -- - ----- ------ ---- -- --
在上面的代码中，我们将一个包含多个对象的数组按照对象的 age 属性进行拆分，最后划分出来两个数组，一个包含 age 小于 40 的对象，另一个包含 age 大于等于 40 的对象。输出结果为：
[{ name: 'Alice', age: 20 }, { name: 'Bob', age: 30 }]
[{ name: 'Charlie', age: 40 }, { name: 'David', age: 50 }, { name: 'Eva', age: 60 }]总结
divvy-up 是一个简单易用的 npm 包，它可以方便地把一个数组或对象按照指定规则进行拆分，拆分出的部分可以有不同的长度和元素个数。本文介绍了如何安装和使用 divvy-up，并给出了多个示例代码，希望可以帮助读者更好地理解和应用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a481e8991b448dfdb3