イオン配列フィルターはフィルターしません

bugfix> javascript > 投稿 2020-08-22 17:16

配列内のアイテムのリストがあります。配列の各要素には次が含まれます。

id
date
status
name
description

status = 'pending'である最初の配列のすべての要素を含む2番目の配列を作成しようとしています。

home.tsファイルで次のコードを実行しています。

showPending(){
    this.pendingItems = this.items;
    this.pendingItems.filter((item) => {return item.status === 'pending'});
    this.navCtrl.push(ShowPendingPage, {
    pendingItems: this.pendingItems      
    });
  }

アプリケーションを実行するとき、items配列に3つの要素を追加します。 2つの要素のステータスは保留中、1つの要素のステータスは完了です。上記のコードを実行すると、ShowPendingPageがプッシュされます。 ShowPendingPage.tsファイルで次のコードを実行します。

this.passedArray = this.navParams.get('pendingItems')

ShowPendingPage.htmlで次を実行します。

 <ion-content>
  <ion-list>
      <ion-item-sliding *ngFor="let item of passedArray">
        <ion-item [ngClass]="item.status">
            {{item.name}} - Added {{item.date}}
        </ion-item>  
        <ion-item-options side="right">
          <button ion-button color="light" (click)="viewItem(item)">View</button>
        </ion-item-options>
      </ion-item-sliding>
    </ion-list>
  </ion-content>

結果の配列には、元の配列の3つの要素すべてが含まれます。ステータスを保留中に設定した2つの要素のみを含める必要があります。

私が欠けているものを見ることができる私よりも良い目を持つ誰か？

javascript

arrays

ionic-framework

回答 1 件

Array.prototype.filter フィルタリングされた要素で新しい配列を作成します所定の位置に。

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

また

filter() does not mutate the array on which it is called.

変数に設定するだけです。
```
this.pendingItems = this.pendingItems.filter((item) => {return item.status === 'pending'});
```

bugfix

イオン配列フィルターはフィルターしません

javascript

arrays

ionic-framework

関連記事