使用Async await搭配forEach循环仍异步执行的问题排查

我完全懂你遇到的困扰——想用async/await让forEach按顺序同步执行，但实际所有异步操作还是同时跑起来，导致判断逻辑完全达不到预期。这其实是两个核心问题导致的：

1. forEach天生不支持异步等待 #

forEach的设计逻辑就是快速遍历执行回调，不会等待异步回调完成。哪怕你给它传一个async回调函数，forEach也会直接触发所有异步操作，然后立刻继续往下走，根本不会等每个validateWebsites执行完毕再处理下一个。

2. 错误的Promise判断逻辑 #

validateWebsites是async函数，它的返回值永远是一个Promise对象，你直接用validateWebsites(website) === false判断完全不成立——Promise是对象，不可能等于布尔值false。而且你当前的函数里，then和catch里只做了console.log，没有返回实际的布尔值，导致函数最终返回的是包裹着undefined的Promise。

修正后的代码方案 #

第一步：修复validateWebsites函数 #

让它真正返回布尔值，而不是只打印日志：

const url = require('url'); // Node.js环境别忘了引入url模块，浏览器环境可用new URL()替代

async function validateWebsites(website) {
  const result = url.parse(`http://${website}`);
  console.log(result.hostname);
  try {
    // 尝试请求网站，成功则返回true
    await fetch(`http://www.${result.hostname}`);
    console.log(true);
    return true;
  } catch (err) {
    // 请求失败返回false
    console.log(false);
    return false;
  }
}

第二步：用for...of替代forEach实现同步遍历 #

for...of是原生支持await的，可以让每个异步操作完成后再执行下一个：

async function checkAllWebsites(websites) {
  const wrongWebsites = [];
  
  for (const website of websites) {
    const isValid = await validateWebsites(website);
    // 如果验证失败，加入错误列表
    if (!isValid) {
      wrongWebsites.push(website);
    }
  }
  
  return wrongWebsites;
}

// 调用示例（假设你有一个websites数组）
const websites = ["example.com", "invalid-site.test", "google.com"];
checkAllWebsites(websites).then(wrongSites => {
  console.log("验证失败的网站：", wrongSites);
});

可选：并行处理（效率更高） #

如果不需要严格按顺序验证，用Promise.all可以同时触发所有验证，速度更快：

async function checkAllWebsites(websites) {
  // 把每个网站的验证包装成Promise，返回网站和验证结果
  const validationPromises = websites.map(async website => {
    const isValid = await validateWebsites(website);
    return { website, isValid };
  });
  
  // 等待所有验证完成
  const allResults = await Promise.all(validationPromises);
  
  // 筛选出验证失败的网站
  const wrongWebsites = allResults.filter(item => !item.isValid).map(item => item.website);
  return wrongWebsites;
}

额外注意点 #

• 你代码里重复声明了var wrongWebsites = [];，这是不必要的，用const或let声明一次即可。
• 浏览器环境中没有Node.js的url.parse，可以换成new URL(http://${website})来解析域名。

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