JS 遍历请求数据，实现分页

JS 遍历请求分页

效果图

递归方式

const pageSize = 10; // 假设每页10项/*** 接收页码和每页项数，返回Promise对象*/
function paginateData(page, pageSize) {return new Promise((resolve, reject) => {setTimeout(() => {// 模拟数据const data = Array.from({ length: pageSize }, (_, i) => `Item ${ page * pageSize + i }`);resolve(data);}, 1000);});
}function traversePageData(page = 0) {paginateData(page, pageSize).then(data => {// 根据需求 对每页的数据进行处理console.log('res：', data);// 检查是否还有更多页if (data.length === pageSize) {traversePageData(page + 1);} else {console.log('已遍历完所有数据。');}}).catch(error => {console.error('请求分页数据时发生错误:', error);});
}// 开始遍历
traversePageData();

for循环

• 根据所需调整…

const list = [1,2,3,4,5,6,7,8,9,10]; 
const pageSize = 10; // 假设每页10项// 函数：分页处理
function paginateData(array, page_size) {let pageCount = Math.ceil(array.length / page_size);for (let i = 0; i < pageCount; i++) {let page = array.slice(i * page_size, (i + 1) * page_size);// 对每页的数据进行处理console.log(`Page ${ i + 1 } ：${ page }`);// xxx其他逻辑}
}// 调用分页处理函数
paginateData(list, pageSize);