在Angular/Typescript中刪除/拼接數組中的元素

Question

只要服務器註冊新的調用者，我就得到了此代碼，它將調用者添加到數組中。

caller = new CallerData; 
callers = new Array<CallerData>(); 

ngOnInit() { 
      this.callService.exposeCallerObservable().subscribe(
       (x: CallerData) => { 
        this.caller = x; 
        this.callers.push(x); 
      }, 
       (error: any) => { 
        console.warn("Could not subscribe to the Caller Observable!", error); 
       } 
      ) 
     } 

現在我想保持每個調用者只有5-10秒的數組，並在這段時間後，它應該再次被刪除。你能幫助我嗎？

Answer 1

可以使用JS setTimeout功能

ngOnInit() { 
    this.callService.exposeCallerObservable().subscribe(
     (x: CallerData) => { 
      this.caller = x; 
      this.callers.push(x); 
      setTimeout(()=>{ 
       if(this.callers && this.callers.length > 0){ 
        this.callers.shift(); 
       } 
      },5000); 
     }, 
     (error: any) => { 
      console.warn("Could not subscribe to the Caller Observable!", error); 
     }); 
}