在前端开发中,处理数组是一项基本任务。而当需要将数组按指定大小分块时,我们可以使用 array-chunk-by-size 这个 npm 包来简化处理。
安装
使用 npm 安装 array-chunk-by-size:
--- ------- -------------------
使用方法
导入模块:
----- ----- - -------------------------------
将数组按指定大小分块:
----- --- - ----- ---- ---- ---- ----- ----- ---------- - ---------- --- ------------------------ -- ------ ----- ----- ----- ------
参数说明
array-chunk-by-size 接收两个参数:要分块的数组和每一块的大小。每一块的大小默认为 1。
其它用法
将字符串按指定大小分块
array-chunk-by-size 也可以将字符串按指定大小分块。示例如下:
----- ---------- - --------------- --- ------------------------ -- ------ ----- -----
分割其他类数组
array-chunk-by-size 可以处理包含 length 属性的对象,如 NodeList 和 arguments 对象。示例如下:
----- -------- - ------------------------------- ----- --------------- - --------------- --- ----------------------------- -- ------------- ------------ ------------
使用自己的分块函数
如果我们想要实现自己的分块函数,也可以使用 array-chunk-by-size。我们需要传入一个函数作为第三个参数,该函数接收两个参数:要分块的数组和当前数组块的索引。函数返回值表示新的数组块的长度。
----- --- - --- -- -- -- --- ----- ------------- - ----- ------ -- ------ - - --- - - - - --- ----- ---------- - ---------- --------------- ------------------------ -- ---- --- ---- --- ---
总结
使用 array-chunk-by-size 可以简化将数组按指定大小分块的过程。我们可以灵活使用该包处理数组、字符串、NodeList 等对象。同时,在自己实现分块函数时,也可以借助该包实现。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600570ad81e8991b448e7f7e