合併兩個對象數組與Angular 2和TypeScript？

Question

我已經瀏覽了關於這個主題的JavaScript問題，這個問題是關於使用TypeScript的Angular2的具體問題。

我想要做的是將json對象連接到一個數組。

我的代碼看起來像這樣，

public results: []; 


public getResults(){ 
    this._service.get_search_results(this._slug, this._next).subscribe(
      data => { 
       this.results.concat(data.results); 
       this._next = data.next; 
      }, 
      err => { 
       console.log(err); 
      } 
     ); 
} 

我如何可以連接到data.results與this.results打字稿和角？

this._slug和this._next設置在課堂上。

謝謝。

Answer 1

我認爲你應該寧可以下用途：

data => { 
    this.results = this.results.concat(data.results); 
    this._next = data.next; 
}, 

從concatdoc：

的concat（）方法返回由數組的一個新的陣列上，它被稱爲與作爲參數提供的數組和/或值進行連接。

Answer 2

傳播運營商是有點酷。

this.results = [ ...this.results, ...data.results]; 

---

傳播經營者，您可以輕鬆地放置陣列的擴展版本到另一個陣列。

You can read about spread operator here.

Answer 3

var hege = ["Cecilie", "Lone"]; 
var stale = ["Emil", "Tobias", "Linus"]; 
var children = hege.concat(stale); 

https://www.w3schools.com/jsref/jsref_concat_array.asp

Answer 4

您還可以使用ES6推薦形式：

data => { 
    this.results = [ 
    ...this.results, 
    data.results, 
    ]; 
    this._next = data.next; 
}, 

這工作，如果你第一次初始化數組（public results = [];）;否則請用...this.results ? this.results : [],替換...this.results,。

希望這會有幫助