如何在打字稿中顯示來自數組的對象的過濾列表？

Question

如何顯示BED ARRAY中BED對象的過濾列表？ 我只需要一個簡單的過濾器（bStatus =“ Available”）作為循環參考。

我的BED對象具有“病床狀態”，該狀態顯示該病床是否可用（對於醫院系統），並且我只希望它顯示“可用病床”。 （當bStatus ==“ Available”時）

該代碼提供了我來自component.ts的NgOnInit（）的一部分，我能夠顯示所有可用的床，但是由於我對Angular和Typescript不熟悉，所以我不知道如何在我的代碼中添加過濾器。

this.bedService
        .query()
        .pipe(
            filter((mayBeOk: HttpResponse<IBed[]>) => mayBeOk.ok),
            map((response: HttpResponse<IBed[]>) => response.body),
        )
        .subscribe((res: IBed[]) => (this.beds = res), (res: HttpErrorResponse) => this.onError(res.message));

預期的輸出應該是bStatus =“ Available”的床的列表。 現在，它顯示了我陣列中的所有床，其中包括bStatus =“ Available”和“ Occupied”。

Answer 1

您只需運行Array.filter（）即可獲得可用床。

.subscribe((res: IBed[]) => {
  this.beds = res.filter(obj => obj.bStatus === 'Available');
})