如何枚举同步可观察?

时间:2017-12-20 16:54:36

标签: typescript rxjs rxjs5

例如,如果您有一个可观察的from(['a', 'b']),那么如何获得一个可以发出[0, 'a'][1, 'b']的观察源?

我尝试了from('a', 'b').pipe(zip(range(0, Number.POSITIVE_INFINITY))),但这会创建一个无限循环:如果您在控制台中尝试Rx.Observable.from(['a', 'b']).zip(Rx.Observable.range(0, Number.POSITIVE_INFINITY)).do(console.log).subscribe()(提示:页面http://reactivex.io/rxjs/manual/overview.html已导入Rx),这将导致要挂起的页面(range无限期地推送值)。在我的上下文中(使用IndexedDB)我不能使用异步调度程序,无论如何从性能的角度来看都没有意义。

我通过创建自定义运算符来解决这个问题

import { Observable } from 'rxjs/Observable';
import { map } from 'rxjs/operators';

export const enumerate = <T>(source: Observable<T>) => {
  let index = 0;
  return source.pipe(map(source => ({ value: source, index: index++ })));
};

但我错过了一个更简单的解决方案吗? RxJS有这个问题,这很奇怪......

1 个答案:

答案 0 :(得分:4)

许多运算符继续计算传递给回调函数的index作为另一个参数:

from(['a', 'b']).pipe(
  map((value, index) => [ index, value ]))
);

或者如果你想发射物体:

map((value, index) => ({ index, value }))