思路:前端发送请求拿到所有数据 → 对该数据进行处理(slice) → 操作分页组件完成效果
getNeedArr(array, size) { //获取所需指定长度分割的数组;参数1为用于分割的总数组,参数2为分割数组后每个小数组的长度
const length = array.length;
//判断不是数组,或者size没有设置,size小于1,就返回空数组
if (!length || !size || size < 1) {
return [];
}
//核心部分
let index = 0; //用来表示切割元素的范围start
let resIndex = 0; //用来递增表示输出数组的下标
//根据length和size算出输出数组的长度,并且创建它。
let result = new Array(Math.ceil(length / size));
//进行循环
while (index < length) {
//循环过程中设置result[0]和result[1]的值。该值根据array.slice切割得到。
result[resIndex++] = array.slice(index, (index += size));
}
//输出新数组
return result;
}
1.创建一个分割函数,输入2个参数:第一个是后端返回的数组,第二个是想要的小单元数组的长度,可以理解为一个页面的数据个数
2.判断是否为数组和数组的长度
3.通过while循环将长数组切割为一个含有多个小数组的数组
4.返回数组,通过数组下标值的变量确定用的数据