Como usar corretamente async/await dentro de um loop forEach em JavaScript?
Olá a todos! Sou novo em JavaScript e estou tentando entender a assincronicidade. Tenho um array de URLs e quero carregar dados de cada um deles sequencialmente usando `async/await`. Decidi usar `forEach`, mas me deparei com um problema: meu código não espera a conclusão de cada requisição, mas as inicia todas ao mesmo tempo.
Aqui está meu código:
```javascript
const urls = ['/api/user/1', '/api/user/2', '/api/user/3'];
async function fetchUserData(url) {
const response = await fetch(url);
return await response.json();
}
async function loadAllUsers() {
urls.forEach(async (url) => {
const userData = await fetchUserData(url);
console.log('User loaded:', userData);
});
console.log('All users loaded!');
}
loadAllUsers();
```
Quando executo este código, eu