Question

将RXJS v5.5过滤器应用于对象数组的正确方法是什么？

我正在返回一个看起来像这样的json数组：

[
    0: {CompanyName: "Facebook Inc-A", Symbol: "FB", is_etf: false},
    1: {CompanyName: "Flagstar Bancp", Symbol: "FBC", is_etf: false},
    2: {CompanyName: "UBS AG FI Enhanced Large Cap Growth ETN", etf_data: {…}, Symbol: "FBGX", is_etf: true},
    3: {CompanyName: "Fortune Brd H&S", Symbol: "FBHS", is_etf: false},
    4: {CompanyName: "Fortress Biotec", Symbol: "FBIO", is_etf: false},
    5: {CompanyName: "First Bus Finl", Symbol: "FBIZ", is_etf: false},
...]

我需要将值保留为is_etf === false

我目前有：

...

.switchMap(val => this.symbolSearchService.symbolLookup(val))
      .takeUntil(this.ngUnsubscribe)
      .filter((value) => {
        console.log(value)
        return true
      })
      .subscribe(val => {
        console.log('val', val)
        this.searchResults = val;
      });

symbolLookup返回上面引用的数组。在我尝试过的过滤器中：

value => !value.is_etf

value => return value.is_etf === false

value => value['is_etf'] === false

但是这些都不起作用，因为is_etf属性在每个对象上，而不在值响应上。在RXJS之前，我会先做一个for循环，然后再使用value[i]['is_etf']等，但是这里没有运气。我遇到的所有阅读材料都在做简单的过滤器，例如value => value> 2 ...有什么建议吗？

谢谢！

Answer 1

RxJS中的filter运算符的行为不像用于从列表中过滤出项目的Array.filter函数。

您从this.symbolSearchService.symbolLookup(val)实际得到的似乎是一个数组，因此filter中的发射类型也将是一个数组。因此，您可能正在寻找的是map运算符，该运算符可以转发已过滤的列表，如下所示：

.switchMap(val => this.symbolSearchService.symbolLookup(val))
      .takeUntil(this.ngUnsubscribe)
      .map((values) => {
        return values.filter(v => !v.is_etf);
      })
      .subscribe(val => {
        console.log('val', val)
        this.searchResults = val;
      });

Angular：我如何通过对象数组按属性过滤Rxjs？

1 个答案: