轮播一页显示多少条数据

最新推荐文章于 2024-11-07 14:06:33 发布

一天28小时

最新推荐文章于 2024-11-07 14:06:33 发布

阅读量333

点赞数

文章标签： JavaScript Swiper 数据分页数组处理前端开发

本文链接：https://blog.youkuaiyun.com/Programmerwhite/article/details/120645518

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 	//  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);
      }
    },