Angular2はsetInterval（）で.push（）の要素の重複を防ぎます

Question

私はsetInterval()の関数をトリガーしていますが、HTTP GETは30秒ごとに呼び出されますが、トリガーするたびにデータが重複してアレイ。

for()のアイデアは、AwaitingPicking and AwaitingCollectionのステータスを持つすべてのobjectsを見つけ、次に対応するarrayにプッシュすることです。

private awaitingPicking: any = []; 
private awaitingCollection: any = []; 

constructor(private sharedService: SharedService, private http: Http) { 
    setInterval(() => { 
     this.getOrdersFromOrigin(); 
    }, 10000); 
    } 

getOrdersFromOrigin() { 
    this.isLoading = true; 
    this.sharedService.getOriginSite() 
     .subscribe(data => { 
     this.isLoading = false; 

     for (var i = 0; i < data.Results.length; i++) { 
      var element = data.Results[i]; 
      if (element.OrderLineGroups[0] && element.OrderLineGroups[0].Status == 'AwaitingPicking') { 
       this.awaitingPicking.push(element); 
      } else if (element.OrderLineGroups[0] && element.OrderLineGroups[0].Status == "AwaitingCollection") { 
      this.awaitingCollection.push(element); 
      } 
     } 

     }, 
     err => { 
     this.isLoading = false; 
     }); 
    } 

setInterval()がトリガーするたびにデータが複製されないようにする方法はありますか？

私は以下のコードのようなものを試しましたが、まだ要素を複製しています。

Answer 1

要素が存在しない場合は、 "awaitingPicking"および "awaitingCollection"配列にプッシュするだけです。例えば、 the answer to this questionこれを行うための方法（あなたはもちろん、タクソスからリファクタリングする必要があります）。

次の例のように（あなたもawaitingCollectionのためにこれを実装する必要があります）あなたのクラスに次のようなものを追加することができます。

private pushAwaitingPickingIfNew(element: any): void { 
    if(!this.awaitingPicking.some(a => a == element)) { 
     this.awaitingPicking.push(element); 
    } 
} 

をしてから交換する

this.awaitingPicking.push(element) 

this.pushAwaitingPickingIfNew(element); 

と