Question

我有一个RxJS主题，它发布对集合的更改。每次集合更改时，主题都会将新内容作为数组发布。 E.g。

let collectionSubject = new Rx.BehaviourSubject();

collectionSubject.onNext([{
    id: 1
}]);

我希望客户端代码能够在“基于ID”的基础上订阅此集合。例如。当集合发生更改时，它们只会收到与查询的ID匹配的项目（如果存在）。如果该项目不存在或刚被删除，则会收到未定义的项目。

我可以天真地实现如下：

byId(id) {
   return collectionSubject.filter(items => items.find(item => item.id == id));
}

但是，这将每次创建一个新的observable，并导致items数组的多次冗余迭代。我可以使用一个由id键入的Map来缓存特定id的observable，但这仍然会导致items数组针对不同的id进行多次迭代。

我能看到的唯一解决方案是编写大量自定义机制来创建和缓存并销毁每个id的主题，在更改时迭代集合，并将每个项目发布到任何相应的主题。

使用底层的RxJS运算符是否有更简单，更惯用的方法来实现这一目标？关键要求是只对基础集合进行一次迭代。

Answer 1

不确定传递的链接是否会引导您进入实际解决方案，因此我在此提供有关可能方法的更多详细信息。我们的想法是使用运算符groupBy，参见大理石的https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/groupby.md，http://reactivex.io/documentation/operators/groupby.html，如果你喜欢这里的测试规格https://github.com/ReactiveX/RxJS/blob/master/spec/operators/groupBy-spec.js）。

假设你有一个名为observers的id的观察者地图，你可以尝试一下：

collectionSubject = new Rx.Subject();
observers = [0, emits("observer for group 1"), emits("observer for group 2")];

collectionSubject
    .concatMap(function ( arr ) {return arr;})
    .tap(emits("tap"))
    .groupBy(function ( item ) {return item.id;})
    .subscribe(function ( groupObs ) {
                 groupObs.subscribe(function ( item ) {
                   observers[item.id](item);
                 });
               });

collectionSubject.onNext([
  {id : 1, value : "first item / group 1"},
  {id : 1, value : "second item / group 1"},
  {id : 2, value : "first item / group 2"},
  {id : 2, value : "second item / group 2"},
  {id : 1, value : "third item / group 1"},
  {id : 2, value : "third item / group 2"},
]);

测试结果：

"tap emits first item / group 1"
"observer for group 1 emits first item / group 1"
"tap emits second item / group 1"
"observer for group 1 emits second item / group 1"
"tap emits first item / group 2"
"observer for group 2 emits first item / group 2"
"tap emits second item / group 2"
"observer for group 2 emits second item / group 2"
"tap emits third item / group 1"
"observer for group 1 emits third item / group 1"
"tap emits third item / group 2"
"observer for group 2 emits third item / group 2"

jsbin在这里。 https://jsbin.com/qikamamohi/edit?js,console

注：

concatMap是按项目按顺序发出数组内容的技巧

有效地创建可观察对象，从可观察集合中过滤特定项目

1 个答案: