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.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 数据:

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值