js如何快速讲一个数组拆分成几个小数组

来源：互联网 2023-03-16 23:56:42 版权归原作者所有，如有侵权，请联系我们

平时前端开发中，会遇到需要把一个数组拆分成若干数组，然后再处理的需求。Javascript本身不提供对应的方法处理，查找了Jquery也没找到方法，只能自己写个小方法来完成了。

js如何快速讲一个数组拆分成几个小数组

方法/步骤

把处理需求写成小方法，下次再次需要时，直接引入这个方法，调用就行。

function split_array(arr, len){ var a_len = arr.length; var result = []; for(var i=0;ia_len;i =len){ result.push(arr.slice(i,i len)); } return result;}

js如何快速讲一个数组拆分成几个小数组

简单解析下代码：

方法接收二个参数，第一个是需要拆分的原数组，第二个是拆分的每个数组包含多少个元素。(记为n个）

循环里，slice方法是取数组的n个元素，做为一个数组返回，返回到result结果呢。

就是每次取原数组的n个元素，作为一个数组，保存在result里。

js如何快速讲一个数组拆分成几个小数组

小方法写好，调用一下，看结果是否正确。

var data = [1, 2, 3, 4, 5, 6, 7 ,8 ,9 ,10, 11, 12]var result = split_array(data, 6);

将data数据拆分，每个数组包含6个元素，结果如图，

成功分成2个数组，每个6个元素

js如何快速讲一个数组拆分成几个小数组

var data = [1, 2, 3, 4, 5, 6, 7 ,8 ,9 ,10, 11, 12]var result = split_array(data, 6);

将data数据拆分，每个数组包含5个元素，结果如图，

可见，成功分成了3个小数组，其中最后一个数组只有二个元素。

js如何快速讲一个数组拆分成几个小数组

再拆分一下包含15个元素的小数组，看方法是否有问题。

var data = [1, 2, 3, 4, 5, 6, 7 ,8 ,9 ,10, 11, 12]var result = split_array(data, 15);

结果也正常，只有一个数组，因为原数组只有12个元素，所以拆分后也只有一个数组。

js如何快速讲一个数组拆分成几个小数组

总结，Javascript不像其他语言，需要编译生成后才起效，所以我们写完就可以直接在浏览器运行，检验效果，测试容易，大家多点实践，多点尝试，没有实现不了的功能的：）

js如何快速讲一个数组拆分成几个小数组

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JAVASCRIPT

上一篇：如何利用JavaScript语言获取Map集合中元素个数下一篇：JavaScript与Java的区别

js如何快速讲一个数组拆分成几个小数组

方法/步骤

热门文章

标签列表