js数组分页

最新推荐文章于 2023-10-20 10:08:12 发布

原创最新推荐文章于 2023-10-20 10:08:12 发布 · 3.4k 阅读

3 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

12 篇文章

订阅专栏

这是一个用于对数组进行分页的JavaScript函数，根据传入的每页大小（pageSize）和原始数组（arr），它会计算总页数并返回一个包含每页元素的新数组。函数首先初始化页面对象和结果数组，然后通过循环遍历所有页数，每次从原始数组中切分出一页的数据，并将其添加到结果数组中。最后，函数打印分页后的数组并返回结果。

将数组进行分页，返回新的分页数组

/** 将数组进行分页，返回新的分页数组
 * @param {Object} pageSize 每页大小
 * @param {Object} arr 数组
 */
function returnAllPageFunc(pageSize, arr) {
	let pageNum = 1
	let pageObj = {
		pageNum: 1,
		list: []
	}
	let pageResult = []
			
	let newArr = JSON.parse(JSON.stringify(arr))
	let totalPage = newArr.length ? Math.ceil(arr.length / pageSize) : 0 // 计算总页数
			
	for (let i = 1; i <= totalPage; i++) {
		if (totalPage == 1) {
			pageNum += 1
			pageObj.list = newArr.splice(0, arr.length)
		} else if (i <= totalPage) {
			pageNum += 1
			pageObj.list = newArr.splice(0, pageSize)
		} else {
			pageObj.list = newArr.splice(0, arr.length % pageSize)
		}
		pageResult.push(pageObj)
		pageObj = {
			pageNum: pageNum,
			list: []
		}
	}
	console.log(`分页：${JSON.stringify(pageResult)}`)
	return pageResult
}
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22]
returnAllPageFunc(10, arr)