今天我在做一個(gè)小程序輪播圖的時(shí)候，因?yàn)橐獜膕croll-view 轉(zhuǎn)為 swiper 組件，

之前scroll-view 組件的渲染數(shù)據(jù) 直接就是一個(gè)數(shù)組，當(dāng)把scroll-view的寬度和內(nèi)部item的寬度定好以后，就可以固定寬度中顯示4條數(shù)據(jù)

但是當(dāng)我把scroll-view組件轉(zhuǎn)為 swiper 組件 之后， 發(fā)現(xiàn)之前的數(shù)據(jù)模型在swiper 無法實(shí)現(xiàn)一個(gè)swiper-item中只有4條數(shù)據(jù)的情況，（因?yàn)?我需要swiper 組件下方的分頁點(diǎn)，所以必須分組）。

因此，只有將之前用于scroll-view中的數(shù)組數(shù)據(jù) 進(jìn)行每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條數(shù)據(jù)，進(jìn)行for循環(huán)

在for循環(huán)中的末尾循環(huán)體 我寫的是 i+=4，這樣i每次都會(huì)+4前進(jìn)，

在循環(huán)體中，我是用result新數(shù)組 來接收 data.slice(i,i+4);的數(shù)據(jù)，因?yàn)閕每次都會(huì)+4,所以slice返回的數(shù)據(jù)都是data中的毎4個(gè)為一組。

可能說的有點(diǎn)抽象 下面附上result 數(shù)據(jù)：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。