Wie man async/await innerhalb einer forEach-Schleife in JavaScript richtig verwendet

Hallo zusammen! Ich habe angefangen, asynchrones JavaScript zu lernen und bin auf ein Problem gestoßen, das mich völlig verwirrt hat.\n\nIch habe ein Array von URLs und möchte nacheinander Daten von jeder einzelnen laden, indem ich `fetch` und `async/await` verwende. Ich habe diesen Code geschrieben:\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('Geladen:', data);\n });\n console.log('Alle Anfragen wurden gesendet!');\n}\n\nfetchUrls();\n```\n\nIch habe erwartet, dass zuerst die Daten von der ersten URL geladen werden, dann von der zweiten, dann von der dritten, und erst danach die Meldung "Alle Anfragen wurden gesendet!" ausgegeben wird.