异步调用完成后如何访问 Set

Question

使用此代码，我可以正确添加到“MaterialCollectionSet”

let MaterialCollectionSet: Set<string> = new Set();

for(let data of SDE_REACTIONDATA) {

  this.ESI.ReturnsType_AtId(data.materialTypeID).subscribe((MaterialData) => {

    MaterialCollectionSet.add(MaterialData.name);

});

但是，尝试运行 此 代码

let MaterialCollectionSet: Set<string> = new Set();

for(let data of SDE_REACTIONDATA) {

  this.ESI.ReturnsType_AtId(data.materialTypeID).subscribe((MaterialData) => {

      MaterialCollectionSet.add(MaterialData.name);

}); 

console.log(MaterialCollectionSet);

将记录一个空集。

我知道这是因为异步调用发生在 console.log 在 for-of 循​​环之外被调用。

我的问题是，一旦 for-of 循​​环完成填充 Set，如何实际使用它？

Answer 1

我们可以使用forkJoin 等待所有请求

const requests$ = SDE_REACTIONDATA.map(data => this.ESI.ReturnsType_AtId(data.materialTypeID));

let MaterialCollectionSet: Set<string> = new Set();

forkJoin(requests$).subscribe(responses => {
  // Now you can access the `responses`;
  MaterialCollectionSet.add(responses.map(MaterialData => MaterialData.name));
})

或者正如@JB Nizet 建议的那样：

const requests$ = SDE_REACTIONDATA.map(data => this.ESI.ReturnsType_AtId(data.materialTypeID));

let MaterialCollectionSet: Set<string> = new Set();

merge(requests$).subscribe(
  MaterialData => MaterialCollectionSet.add(MaterialData.name),
  null, // error handler
  () => console.log(MaterialCollectionSet) // complete
)

正确的解决方案取决于您的需求。