JavaScript में forEach लूप के अंदर async/await का सही उपयोग कैसे करें?
सभी को नमस्कार! मैंने असिंक्रोनस JavaScript सीखना शुरू किया है और एक समस्या का सामना किया जिसने मुझे पूरी तरह से असमंजस में डाल दिया।
मेरे पास URL पतों की एक array है, और मैं `fetch` और `async/await` का उपयोग करके प्रत्येक से क्रमिक रूप से डेटा लोड करना चाहता हूँ। मैंने यह कोड लिखा:
```javascript
const urls = ['https://api.example.com/data/1', 'https://api.example.com/data/2', 'https://api.example.com/data/3'];
async function fetchUrls() {
urls.forEach(async (url) => {
const response = await fetch(url);
const data = await response.json();
console.log('लोड हुआ:', data);
});
console.log('सभी अनुरोध भेज दिए गए!');
}
fetchUrls();
```
मुझे उम्मीद थी कि पहले पहले URL से डेटा लोड होगा, फिर दूसरे से, फिर तीसरे से, और उसके बाद ही 'सभी अनुरोध भेज दिए गए!' संदेश प्रदर्शित होगा। लेकिन व्यवहार में मैं देखता हूँ कि संदेश तुरंत प्रदर्शित हो जाता है, और डेटा बेतरतीब क्रम में आता है, अक्सर एक साथ।
मैंने पहले ही पढ़ा है कि `forEach` `async/a