JS 数组 按个数进行分组

今天我在做一个小程序轮播图的时候,因为要从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中有6条数据,进行for循环

在for循环中的末尾循环体 我写的是 i+=4,这样i每次都会+4前进,

在循环体中,我是用result新数组 来接收 data.slice(i,i+4);的数据,因为i每次都会+4,所以slice返回的数据都是data中的毎4个为一组。

可能说的有点抽象 下面附上result 数据:

JS 数组 按个数进行分组_第1张图片

你可能感兴趣的:(小程序,js)