Question

我有一个数组中的任务列表，我需要运行它们以调用Web服务。

但是问题是，它们位于一个数组中，我需要一次运行一个，这意味着：仅在完成一个运行后运行下一个，不管是否发生错误。

我在这里使用 combineLatest 编写了此代码，但是这样我只能在所有代码完成后才能得到结果。

let arrayOfTasks: ServerTask[] = cacheInfo.cacheData;
let observables = [];
arrayOfTasks.forEach((task: ServerTask) => {
  if (task.method === 'post') {
    let observable$: any = this.restService.sendPost(task.action, task.payload, false, task.cacheName);
    observables.push(observable$);
  }
});

const combined = combineLatest(observables);
combined.subscribe((value: any[]) => {
  console.log('ARRAY DATA RETURNED');
  console.log(value);
}, error => {
  console.error(`Error running stored tasks: ${error}`);
}, () => {
  console.log('All cache tasks executed...');
});

有什么想法吗？

编辑1：

@trichetriche的建议是最终解决方案：

concat(...observables).subscribe((result: any) => {
  console.log('RESULT: ', result);
}, error => {
  console.error(`Error running queue of tasks: ${error}`)
}, () => {
  console.log('All subscriptions executed');
});

Answer 1

您可以为此使用concat，并结合使用数组reducer：

obs$
  .reduce((acc, curr) => acc.pipe(concat(curr)), of(undefined))
  .subscribe(result => console.log(result));

您甚至可以使用创建者concat代替运算符：

concat(...obs$)
  .subscribe(res => console.log(res));

Working stackblitz

如何在一个数组中同时订阅几个可观察对象？

有什么想法吗？

1 个答案: