如何实现按指定次数执行、支持await的Async for循环

你当前的代码存在循环条件逻辑错误：i === numberOfPages只有当初始值i=1恰好等于numberOfPages时才会执行循环，绝大多数情况会直接跳过，这是核心问题。以下是两种可行的修正方案，确保每次循环都等待异步函数执行完毕后再进入下一轮：

方案一：修正for循环条件 #

直接调整循环判断逻辑，确保执行指定的numberOfPages次，同时保留await来阻塞循环直到异步操作完成：

for (let i = 1; i <= numberOfPages; i += 1) {
    // 等待页面详情获取完成
    await getPageDetails();
    // 等待点击下一页的操作完成
    await this.page.evaluate(() => {
        const nextButton = document.querySelector('[aria-label="Next Page"]');
        nextButton?.click();
    });
    // 关键优化：等待页面跳转加载完成（避免下一次获取到旧页面数据）
    await this.page.waitForNavigation({ waitUntil: 'networkidle2' });
}

方案二：使用while循环 #

如果觉得for循环的计数逻辑不够直观，也可以用while循环实现相同效果：

let currentPage = 1;
while (currentPage <= numberOfPages) {
    await getPageDetails();
    await this.page.evaluate(() => {
        const nextButton = document.querySelector('[aria-label="Next Page"]');
        nextButton?.click();
    });
    await this.page.waitForNavigation({ waitUntil: 'networkidle2' });
    currentPage++;
}

注意事项 #

• 循环条件的选择：如果numberOfPages是总页数，且需要从第1页到第N页依次处理，用i <= numberOfPages（或currentPage <= numberOfPages）是正确的；如果只需要点击numberOfPages次下一页（比如从第1页开始，点击N次后到第N+1页），则需要调整为i < numberOfPages。
• 必须保留await：每个异步操作前的await会强制循环暂停，直到该异步函数执行完成，保证了操作的顺序性。
• 页面跳转等待：点击下一页后，页面加载是异步过程，添加waitForNavigation可以确保页面完全加载后再执行下一轮的getPageDetails，避免数据获取错误。

内容的提问来源于stack exchange，提问作者Raquel Casado Dias