Avatar ·

Comment utiliser correctement async/await dans une boucle forEach en JavaScript ?

Bonjour à tous ! J'ai commencé à étudier JavaScript asynchrone et j'ai rencontré un problème qui m'a complètement dérouté.\n\nJ'ai un tableau d'URLs, et je veux charger séquentiellement les données de chacune d'elles en utilisant `fetch` et `async/await`. J'ai écrit ce code :\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('Chargé :', data);\n });\n console.log('Toutes les requêtes ont été envoyées !');\n}\n\nfetchUrls();\n```\n\nJe m'attendais à ce que les données du premier URL soient chargées en premier, puis celles du deuxième, puis celles du troisième, et qu'ensuite seulement le message