今天我在做一個小程序輪播圖的時候，因為要從scroll-view 轉為 swiper 組件，

之前scroll-view 組件的渲染數據 直接就是一個數組，當把scroll-view的寬度和內部item的寬度定好以后，就可以固定寬度中顯示4條數據

但是當我把scroll-view組件轉為 swiper 組件 之后， 發現之前的數據模型在swiper 無法實現一個swiper-item中只有4條數據的情況，（因為 我需要swiper 組件下方的分頁點，所以必須分組）。

因此，只有將之前用于scroll-view中的數組數據 進行每4為一組分組；?

var data = [{name:'test',age:'25'},{name:'test',age:'25'},{name:'test',age:'25'},{name:'test',age:'25'},{name:'test',age:'25'},{name:'test',age:'25'},] var result = []; for(var i=0;i<data.length;i+=4){result.push(data.slice(i,i+4)); }

在data中有6條數據，進行for循環

在for循環中的末尾循環體 我寫的是 i+=4，這樣i每次都會+4前進，

在循環體中，我是用result新數組 來接收 data.slice(i,i+4);的數據，因為i每次都會+4,所以slice返回的數據都是data中的毎4個為一組。

可能說的有點抽象 下面附上result 數據：

總結

以上是生活随笔為你收集整理的JS 数组 按个数进行分组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。