Typescriptのこれらの2つの配列割り当ての違いは何ですか？

Question

私は角度4のアプリケーションに取り組んでいます。

私のアプリケーションでは以下のコードが見つかりましたが、以下のコードの目的を正確に見つけることができません。

getManagementView(groupField: string) {   
    this.auditList = [...this.auditList.filter(this.filterByRevisit)]; 
    } 

以下のコードに変更しましたが、両方とも正常です。

getManagementView(groupField: string) {   
    this.auditList = this.auditList.filter(this.filterByRevisit); 
    } 

上記2つのコードブロックの違いは何ですか？

Answer 1

違いがあります。 spread (...)演算子は配列を破壊し、要素を1つずつ戻し、次に[]に配列を作り直す。実際には余分な操作です。

したがってthis.auditList.filter(this.filterByRevisit)は配列 を返し、この[...this.auditList.filter(this.filterByRevisit)]は広がった配列を返し、再び配列を返します。

Answer 2

私は2つの違いがあるとは思わない。 ...は既に新しい配列filterを作成します。

this.array = this.array  // does nothing, same object 
this.array = [...this.array] // creates a new array, though the same content