javascript Promise.all letzte Versprechen gibt nur

Question

Ich habe ein Skript wie:

var a = [{'a': 1},{'b': 2}] 
var allPromises = new Array(a.length) 
for(var i in a) { 
    allPromises[i] = Promise.resolve().then(response => { 
     console.log(i) 
     console.log(a[i]) 
     // Do somethig on every loop with key and value 
     return i 
    }) 
} 

Promise.all(allPromises).then(response => console.log(response)) 

Hier in meinem for loop es gibt mir nur letzte Index und den Wert des letzten Index, während ich den Wert auf jeder Schleife und führen einige wollen Aktion mit Schlüssel und Wert .. Aber ich bekomme den letzten Schlüssel und Wert nur ..

Ich versuchte, den Wert auf Promise.all Antwort, aber nicht funktioniert. Wie kann ich den Index meines Arrays auf die allPromises Antwort bekommen?

Ich kann es tun, indem ich einen Zähler mache. Aber wenn ich die Funktion erneut anrufe, wird der Zähler zurückgesetzt, also möchte ich den Zähler nicht benutzen.

Gibt es sowieso ich kann Index für jede Schleife für Versprechen bekommen?

Answer 1

Ihre i Variable in der Handler in Ihrem for Schleife ist nicht, was Sie denken, dass es ist. Ihre for-Schleife wurde bereits vollständig ausgeführt, bevor einer Ihrer .then()-Handler aufgerufen wird (da sie bei einem zukünftigen Tick immer asynchron ausgeführt werden). Sie denken also nur, dass Sie das letzte Versprechen sehen, aber tatsächlich funktionieren alle Versprechen gut, es ist nur so, dass sie alle den letzten Wert von i zurückgeben.

Sie können es reparieren, indem Sie .forEach() verwenden, um Ihr Array zu iterieren, da es jeden Wert von i eindeutig erfasst.

var a = [{'a': 1},{'b': 2}] 
 
var allPromises = new Array(a.length); 
 
a.forEach(function(item, i) { 
 
    allPromises[i] = Promise.resolve().then(response => { 
 
     console.log(i) 
 
     console.log(a[i]) 
 
     // Do somethig on every loop with key and value 
 
     return i 
 
    }) 
 
}); 
 

 
Promise.all(allPromises).then(response => console.log(response))

Oder, da Sie ein Array als Folge sind zu erzeugen, könnten Sie .map() verwenden:

var a = [{'a': 1},{'b': 2}] 
 
var allPromises = a.map(function(item, i) { 
 
    return Promise.resolve().then(response => { 
 
    console.log(i) 
 
    console.log(a[i]) 
 
    // Do somethig on every loop with key and value 
 
    return i 
 
    }) 
 
}); 
 

 
Promise.all(allPromises).then(response => console.log(response))

Answer 2

ich glaube, das Versprechen ist alles cool, aber es ist schade dir gesagt zu haben, dass du falsch liegst. dies ist ein Versprechen, alle Demo:

var p = []; 
 
p[0] = new Promise((resolve, reject) => { 
 
    setTimeout(resolve, 1000, "one"); 
 
}); 
 
p[1] = new Promise((resolve, reject) => { 
 
    setTimeout(resolve, 1000, "two"); 
 
}); 
 
p[2] = new Promise((resolve, reject) => { 
 
    setTimeout(resolve, 2000, "three"); 
 
}); 
 
p[3]= new Promise((resolve, reject) => { 
 
    setTimeout(resolve, 3000, "four"); 
 
}); 
 
p[4] = new Promise((resolve, reject) => { 
 
    setTimeout(resolve, 4000, "done"); 
 
}); 
 

 
Promise.all(p).then(value => { 
 
    console.log(value); 
 
});

so denke ich, Ihr Code wie folgt aussehen wird:

var arr = [{ a: 1 }, { b: 2 }]; 
 
var p = []; 
 
arr.forEach((val, err) => { 
 
    var promiseFunction = new Promise((resolve, reject) => { 
 
    resolve(val); 
 
    }); 
 
    p.push(promiseFunction); 
 
}) 
 

 
Promise.all(p).then(value => { 
 
    console.log(value); 
 
});

was denken Sie?