在前端开发中，我们经常需要对数组进行操作。在一些场景下，我们需要将一个大数组分裂成多个小数组，以便更好地处理数据。这时，我们可以使用 Underscore.js 库提供的 chunk 方法。
什么是 Underscore.js？
Underscore.js 是一个 JavaScript 实用工具库，它提供了许多有用的函数，帮助我们更方便地操作数据。它被广泛应用于前端开发和后端开发中。
什么是 chunk 方法？
chunk 方法是 Underscore.js 提供的一个数组操作方法，用于将一个大数组拆分成多个小数组。它的语法如下：
_.chunk(array, [size=1])
其中，array 表示要分裂的数组，size 表示每个小数组的长度，默认为 1。
如何使用 chunk 方法？
我们可以直接在项目中引入 Underscore.js 库，并使用 _.chunk 方法对数组进行分裂。以下是一个简单的示例代码：
-- -------------------- ---- ------- -- -- ------------- - ------- ----------------------------- -- ------- --- --- - --- -- -- -- -- -- -- -- -- ---- -- -- ------- ------------ --- ------ - ------------ --- -- ---- --------------------
在上面的代码中，我们首先引入了 Underscore.js 库。然后创建一个长度为 10 的大数组 arr。最后使用 _.chunk 方法将大数组拆分成长度为 3 的小数组，并将结果保存在变量 result 中。最终输出结果如下：
[[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]
这里可以看到，原来的大数组已经被成功地分裂成了 4 个长度为 3 的小数组。
深入理解 chunk 方法
除了上述示例中介绍的基本用法外，_.chunk 方法还有一些高级用法值得深入探讨。
指定每个小数组的长度
我们可以通过第二个参数 size 指定每个小数组的长度。如果指定的长度小于等于 0，那么返回一个空数组。
分裂字符串
除了能够分裂数组以外，_.chunk 方法还可以分裂字符串。例如：
var str = 'hello world'; var result = _.chunk(str, 3); console.log(result); // [['h', 'e', 'l'], ['l', 'o', ' '], ['w', 'o', 'r'], ['l', 'd']]
处理剩余元素
如果原始数组不能整除，则最后一个小数组将包含剩余的元素。例如：
var arr = [1, 2, 3, 4, 5]; var result = _.chunk(arr, 3); console.log(result); // [[1, 2, 3], [4, 5]]
在上面的代码中，原始数组 arr 长度为 5，无法被 3 整除。因此最后一个小数组只包含剩余的两个元素。
处理空数组
如果原始数组为空数组，则返回一个空数组。例如：
var arr = []; var result = _.chunk(arr, 3); console.log(result); // []
总结
在前端开发中，我们经常需要对数组进行操作。通过使用 Underscore.js 提供的 _.chunk 方法，我们可以将一个大数组分裂成多个小数组，以便更好地处理数据。除了基本用法外，_.chunk 还有一些高级用法，例如
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13269