【问题标题】:Getting the difference between two Observables获取两个 Observable 之间的差异
【发布时间】:2020-11-12 17:53:38
【问题描述】:

我试图找出两个非常相似的 observables 之间的区别,根据共享的 ID 字段从另一个中删除一个值。我已经尝试过这个问题的答案:

Difference between two observables

const inActiveUsers = combineLatest(storedUsers$, activeUsers$).pipe(
  map(([storedUsers, activeUsers]) => {
    const activeUsersIds: Map<string, undefined> = activeUsers.reduce(
      (acc: Map<string, undefined>, item) => {
        acc.set(item.id, undefined)
        return acc;
      },
      new Map()
    );
    return storedUsers.filter(item => !activeUsersIds.has(item.id));
  })
)

inActiveUsers.subscribe(inActiveUsers => {
  this.inActiveUsers = inActiveUsers;
});

但它似乎只是取出了其中一条记录(大概是最后一条?)。

谁能给点建议?

【问题讨论】:

  • 我不明白。什么类型的storedUsers$ 和activeUsers$?可观察?你在用什么?
  • 我认为这个概念不好。我会完全不同。我只是不知道什么类型的变量。

标签: angular rxjs


【解决方案1】:

我的解决方案,但我只是不知道这是否是您需要的。

const storedUsers$: Observable<{ id: string }[]> = this.store.select(storedUsersSelector);
const activeUsers$: Observable<{ id: string }[]> = this.store.select(activeUsersSelector);

// API: export function combineLatest<O1 extends ObservableInput<any>, O2 extends ObservableInput<any>>(sources: [O1, O2]): Observable<[ObservedValueOf<O1>, ObservedValueOf<O2>]>;

const inActiveUsers = combineLatest([storedUsers$, activeUsers$]).pipe(
    map(([storedUsers, activeUsers]) => {
        // save just IDs
        const ids: string[] = activeUsers.map(item => item.id);

        // if contain then add result
        return storedUsers.filter(item => ids.includes(item.id));
    })
);

【讨论】:

  • 您好。非常感谢。这似乎非常接近,我可以看到您提到您认为这个想法有缺陷或应该以不同的方式完成。我实际上想要做的是找到非活动用户,所以我正在寻找“如果不包含则添加结果”。我很高兴考虑一种完全不同的方式。我只是想从一个 observable 中获取未出现在第二个 observable 中的记录。
  • 实际上,纠正这个问题很简单,我认为?我只是去:return storedUsers.filter(item =&gt; ids.includes(item.id));
  • includes 将成为真正的包含。是真的:[0, 1, 2].includes(1) 是假的:[0, 1, 2].includes(3)
  • filter 通过内部函数获取过滤后的数组。如果 true 项目将包含在结果中,如果不是项目将不包含它们。所以return storedUsers.filter(...) 工作。 Ofc,“id”必须在这个item中。
猜你喜欢
  • 1970-01-01
  • 2011-06-28
  • 2020-03-22
  • 2017-02-14
  • 2017-03-27
  • 2011-03-28
  • 2020-10-30
  • 2019-05-12
  • 2021-07-04
相关资源
最近更新 更多