Como usar corretamente async/await dentro de um loop forEach em JavaScript?

Olá a todos! Comecei a estudar JavaScript assíncrono e me deparei com um problema que me deixou completamente confuso.\n\nTenho um array de URLs e quero carregar sequencialmente os dados de cada um deles, usando `fetch` e `async/await`. Escrevi o seguinte código:\n\n```javascript\nconst urls = ['https://api.example.com/data/1', 'https://api.example.com/data/2', 'https://api.example.com/data/3'];\n\nasync function fetchUrls() {\n urls.forEach(async (url) => {\n const response = await fetch(url);\n const data = await response.json();\n console.log('Carregado:', data);\n });\n console.log('Todas as requisições foram enviadas!');\n}\n\nfetchUrls();\n```\n\nEu esperava que primeiro os dados do primeiro URL fossem carregados, depois do segundo, depois do terceiro, e só então a mensagem "Todas as requisições foram enviadas!" fosse exibida.