fetch请求中break语句无效：如何在API返回有效响应时终止for循环

你的代码里break不生效的核心原因有两个：

• .then()的回调函数是独立作用域，里面的break管不到外层的for循环。
• 当前写法里，fetch是异步执行的，for循环不会等请求返回就直接进入下一次迭代，就算后续拿到了'yes'的响应，前面的循环已经在跑了。

把fetch的then链改成await形式，让for循环等待请求完成，同时把响应判断放到和for循环同一个作用域里，这样break就能正常工作：

async function printy(message) {
    for (let i = 0; i < 10; ++i) {
        await waitforme(2000);
        console.log(i);
        
        try {
            const response = await fetch('https://mn.test/api/v1/is-verified?' + new URLSearchParams({
                message: message
            }));
            const data = await response.json();
            console.log("Status: " + data.is_verified);
            
            if (data.is_verified === 'yes') {
                alert("Verified");
                break;
            }
        } catch (error) {
            console.error(error);
        }
    }
    console.log("Loop execution finished!");
}

修改点说明：

• 用await fetch(...)替代then链，让for循环强制等待请求完成后再执行下一次迭代。
• 把响应数据的处理逻辑放到for循环的作用域内，此时break语句可以直接跳出外层的for循环。
• 用try/catch捕获请求或JSON解析时的错误，替代原来的.catch()方法，保持代码风格统一。
• 改用===做严格相等判断，比==的逻辑更严谨。

内容的提问来源于stack exchange，提问作者ratib90486