JavaScript使用slice方法实现对数组进行分页

JavaScript使用slice方法实现对数组进行分页

在JavaScript的数组中，使用slice(索引值1，索引值2)方法可以对数组进行分割，并返回一个新的数组

具体如下所示

我们就可以通过这个slice(索引1，索引2)进行分页了，具体代码如下所示

  let arr = [1,2,3,4,5,6,7,8,9,10]
  console.log("使用js的slice(索引1,索引2)分割数组得到一个新数组")
  console.log("原数组数据是：", JSON.stringify(arr))
  let sliceResult = arr.slice(2,4)
  console.log("使用slice(索引1，索引2)截取得到的数组数据是：", JSON.stringify(sliceResult))
  console.log("=====================================")
  console.log("使用slice实现分页")
  // 当前页码数，从1开始，不要从0开始，如果从0开始，下面的就有问题了
  let currentPage = 1
  // 每页条数，这里是两条
  let pageSize = 2
  while (currentPage < 7) {
    console.log("原数组数据是：", JSON.stringify(arr))
    console.log("第《" + currentPage + "》页，数据为")
    // 分页如下：（当前页码数-1）* 每页需要显示的条数
    let pageResult = arr.slice((currentPage - 1) * pageSize, (currentPage - 1) * pageSize + pageSize)
    console.log(JSON.stringify(pageResult))
    console.log("=====================================")
    if (pageResult.length  <= 0) {
      console.log("第《" + currentPage + "》页没有数据")
      console.log("在js中的数组slice(索引1，索引2)方法中，索引即使超出数组长度也可以，不会报错，这里会返回一个空数组")
    }
    currentPage++
  }

结果如下所示