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);