मैं Promise.all के साथ URL की सरणी कैसे प्राप्त कर सकता हूं?

Question

अगर मैं यूआरएल की एक सरणी है:

var urls = ['1.txt', '2.txt', '3.txt']; // these text files contain "one", "two", "three", respectively. 

और मैं एक वस्तु है कि इस तरह दिखता है का निर्माण करना चाहते:

var text = ['one', 'two', 'three']; 

मैं fetch के साथ ऐसा करना, जानने की कोशिश कर रहा है जो बेशक Promise एस देता है।

कुछ बातें मैं कोशिश की है कि ऐसा नहीं काम:

var promises = urls.map(url => fetch(url)); 
var texts = []; 
Promise.all(promises) 
    .then(results => { 
    results.forEach(result => result.text()).then(t => texts.push(t)) 
    }) 

यह सही नहीं लगता है, और किसी भी मामले में यह काम नहीं करता है - मैं एक साथ न करना पड़े सरणी ['एक', 'दो', 'तीन']।

Promise.all का उपयोग कर सही दृष्टिकोण यहां है?

Answer 1

हाँ, Promise.all सही दृष्टिकोण है, लेकिन आप वास्तव में इसे दो बार की जरूरत है अगर आप पहले fetch करने के लिए सभी यूआरएल चाहते हैं और फिर उन लोगों से सभी text रों मिल (जो फिर से प्रतिक्रिया के शरीर के लिए वादे कर रहे हैं)। तो तुम

Promise.all(urls.map(fetch)).then(responses => 
    Promise.all(responses.map(res => res.text()) 
).then(texts => { 
    … 
}) 

करने के लिए आपके वर्तमान कोड काम नहीं कर रहा आवश्यकता होगी क्योंकि forEach रिटर्न कुछ भी नहीं (न तो एक सरणी है और न ही एक वादा)।

बेशक आपको लगता है कि आसान बनाने और सही पूरा संबंधित लाने वादा के बाद प्रत्येक प्रतिक्रिया से शरीर हो रही के साथ शुरू कर सकते हैं:

Promise.all(urls.map(url => 
    fetch(url).then(resp => resp.text()) 
)).then(texts => { 
    … 
}) 

Answer 2

न की किसी कारण Bergi के उदाहरण मेरे लिए काम किया है। यह मुझे खाली परिणाम देगा। कुछ डीबगिंग के बाद ऐसा प्रतीत होता है कि लाने से पहले वादा वापस आ जाएगा, इसलिए खाली परिणाम।

हालांकि, बेंजामिन ग्रुनेबाम का जवाब यहां पहले था, लेकिन इसे हटा दिया गया। उनकी विधि ने मेरे लिए काम किया था, इसलिए मैं इसे यहां पहले कॉपी के साथ किसी भी समस्या में भाग लेने के मामले में इसे वैकल्पिक रूप से कॉपी-पेस्ट कर दूंगा।

var promises = urls.map(url => fetch(url).then(y => y.text())); 
Promise.all(promises).then(results => { 
    // do something with results. 
}); 

Answer 3

आप map बजाय forEach उपयोग करना चाहिए:

Promise.all(urls.map(url => fetch(url))) 
.then(resp => Promise.all(resp.map(r => r.text()))) 
.then(result => { 
    // ... 
});