如何对三层深的元素使用过滤器

Question

我有一个从服务调用返回的类似结构：

var office = [
  {
    "Name": "office 1",
    "address": [
      {
        "address1": "addres line 1",
        "LocationOptions": [
          {
            "WheelChairAccessible": "Yes",
        "OpenToPublic": "Open"
         }
        ]
      },
    {
      "address1": "addres line 1",
      "LocationOptions": [
        {
          "WheelChairAccessible": "No",
      "OpenToPublic": "Closed"
        }
      ]
     },
    ]
   },
     "Name": "office 2",
     "address": [
       {
         "address1": "addres line 1",
         "LocationOptions": [
       {
              "WheelChairAccessible": "No",
          "OpenToPublic": "Closed"
           }
     ]
        }
     ]
   }
];

我一直在尝试应用过滤器，以便我可以在服务调用中以我正在寻找的格式获取数据，但无法让过滤器在多个级别上工作。

我尝试了以下方法来分解到我想要过滤我正在寻找的数据的位置：

this.fileteraddress = this.ds.serviceCall(detailParameters)
      .pipe( 
        filter(res => 
          res.Address.map( res => 
            res2.LocationOptions.filter( res3 =>
              res3.OpenToPublic != "Open")
          ) 
        )
      .subscribe (res =>
        this.fileteraddress = res
      );

我也尝试使用地图功能，但无法正确应用过滤器。

我想让过滤器正常工作，所以我可以这样取回数据：

var Open Offices = [
  {
    "Name": "office 1",
    "address": [
      {
        "address1": "addres line 1",
    "LocationOptions": [
           {
        "WheelChairAccessible": "Yes",
            "OpenToPublic": "Open"
       }
     ]
      }
    ]
  }    
];

Answer 1

您将收到作为数组的响应。

this.ds.serviceCall(detailParameters).pipe(
   map(t=> 
   t.filter((t: any)=> {    
    return t.address.filter((a:any) => {
      return a.LocationOptions.filter((loc:any) => {
        return loc.OpenToPublic === 'Open';
      }).length > 0;
    }).length > 0;

    return false;
  }
  ))).subscribe(t=> this.result = t);
}

这里是 stackblitz，如果你想试试这个。 https://stackblitz.com/edit/angular-xecicg