Scraper不会返回所有图像。认为这是因为它不是异步的。如何让for循环在一个范围内异步工作？

async function scrapeImages(urls) {
  const images = [];

  for (const url of urls) {
    try {
      const response = await fetch(url);
      const data = await response.json();
      images.push(data.image);
    } catch (error) {
      console.error(`Error fetching ${url}:`, error);
    }
  }

  return images;
}

// 使用示例
scrapeImages(['url1', 'url2', 'url3']).then(images => {
  console.log(images);
});

async function scrapeImages(urls) {
  try {
    const promises = urls.map(async url => {
      const response = await fetch(url);
      const data = await response.json();
      return data.image;
    });

    const images = await Promise.all(promises);
    return images;
  } catch (error) {
    console.error('Error scraping images:', error);
  }
}

// 使用示例
scrapeImages(['url1', 'url2', 'url3']).then(images => {
  console.log(images);
});