【javascript】前端分页

有时后台会把数据全部返回,而前端需要自己分页。虽说这种情况比较少,但还是有的。比如某个接口查询速度太慢,如果每次换分页都要请求的话,那么用户体验是极其不好的。

前端分页主要就数据的分割,比如一页需要5条数据,那么就把所有数据按5等份分好,然后根据页数获取相应的那页数据。

代码如下:

/**
* 	获取按指定数量分割数组的结果
*  @params: list要分割的数组
*  @params: num分割的数量
*  @return: [{page:xx,data:[]},{page:xx,data:[]}...]
* /
function splitData (list, num) {
	//总页数
	let pages = (list.length%num===0) ? list.length/num : parseInt(list.length/num)+1;
	let arr = [];
	for (let i = 0; i < pages; i ++) {
		let item = {};
		item.page = i+1;
		if (i === pages - 1) {
			item.data = list.slice(i*num);
		} else {
			item.data = list.slice(i*num, (i+1)*num);
		}
		arr.push(item);
	}
	return arr;
}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值