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++
}
结果如下所示