npm 包 array-chunk-by-size 使用教程

在前端开发中，处理数组是一项基本任务。而当需要将数组按指定大小分块时，我们可以使用 array-chunk-by-size 这个 npm 包来简化处理。

安装

使用 npm 安装 array-chunk-by-size：

npm install array-chunk-by-size

使用方法

导入模块：

const chunk = require('array-chunk-by-size');

将数组按指定大小分块：

const arr = ['a', 'b', 'c', 'd', 'e'];
const chunkedArr = chunk(arr, 2);
console.log(chunkedArr); // [['a', 'b'], ['c', 'd'], ['e']]

参数说明

array-chunk-by-size 接收两个参数：要分块的数组和每一块的大小。每一块的大小默认为 1。

其它用法

将字符串按指定大小分块

array-chunk-by-size 也可以将字符串按指定大小分块。示例如下：

const chunkedStr = chunk('abcdef', 2);
console.log(chunkedStr); // ['ab', 'cd', 'ef']

分割其他类数组

array-chunk-by-size 可以处理包含 length 属性的对象，如 NodeList 和 arguments 对象。示例如下：

const nodeList = document.querySelectorAll('p');
const chunkedNodeList = chunk(nodeList, 2);
console.log(chunkedNodeList); // [NodeList[2], NodeList[2], NodeList[1]]

使用自己的分块函数

如果我们想要实现自己的分块函数，也可以使用 array-chunk-by-size。我们需要传入一个函数作为第三个参数，该函数接收两个参数：要分块的数组和当前数组块的索引。函数返回值表示新的数组块的长度。

const arr = [1, 2, 3, 4, 5];
const customChunkFn = (arr, index) => (index % 2 === 0 ? 2 : 1);
const chunkedArr = chunk(arr, customChunkFn);
console.log(chunkedArr); // [[1, 2], [3], [4, 5]]

总结

使用 array-chunk-by-size 可以简化将数组按指定大小分块的过程。我们可以灵活使用该包处理数组、字符串、NodeList 等对象。同时，在自己实现分块函数时，也可以借助该包实现。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600570ad81e8991b448e7f7e