轮播一页显示多少条数据

最新推荐文章于 2025-09-01 21:35:13 发布

原创最新推荐文章于 2025-09-01 21:35:13 发布 · 366 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

该段代码展示了如何利用JavaScript实现一个基于Swiper的数据分页功能。通过对数组arr进行切片操作，根据每页展示的数据size，计算总页数，并创建新的数据块newData。循环遍历过程中，不断更新起始索引start，将每页数据添加到newData中，最后处理剩余数据。该方法适用于前端数据展示的分页场景。

 	//  arr  展示swiper的数组
    //   size  每页展示数据的个数
    swiper(arr, size) {
      let that = this;
      var length = arr.length;
      var page = Math.ceil(length / size);
      var newData = [];
      var start = 0;
      for (var i = 1; i < page; i++) {
        var newArr = arr.slice(start, i * size);
        newData.push(newArr);
        var remainder = length - i * size;
        start = i * size;
      }
      if (remainder > size) {
        return;
      } else {
        var newArr = that.debviceList.slice(start, length);
        newData.push(newArr);
        this.debviceList = newData;
        console.log(this.debviceList);
      }
    },