Maschinenschrift const x = [... this.x]

Question

Ich habe einige Maschinenschrift Code geerbt, die (innerhalb einer Funktion) wie folgt aussieht:

const Statuses = [...this.Statuses] 

this.Statuses auf ein Array von Statuscodes bezieht (definiert als Status = status [];) definiert in derselben .ts Datei. Nach der obigen Zeile arbeitet der Code auf Status

Ich versuche zu verstehen, was die Syntax [... this.var] tut? Warum nicht einfach auf das verweisen?

Ja, ich bin neu in Javascript/Typoskript ....

Vielen Dank im Voraus.

Answer 1

Es ist "spread notation", es verteilt this.Statuses (die eine Art von Iterable sein muss, wie ein Array) in diskrete Elemente. In diesem Fall bilden diese ein neues Array (weil die ...this.Statuses innerhalb [] liegt, die ein Array erstellt). Wenn this.Statuses ein Array ist, ist es funktional identisch mit const Statuses = this.Statuses.slice(); (oder auch das folgende).

Wenn this.Statuses eine andere Art von Iterable ist, ist es funktionell identisch mit const Statuses = Array.from(this.Statuses);.

Answer 2

Es ist ein ästhetisch ansprechender Weg Kopieren ein Array, um Mutationen zu vermeiden, das Original. Es verwendet die Streusyntax, wie in anderen Antworten erwähnt.

const a = [ 1 ] 
 
const b = a 
 
const c = [...a] 
 

 
b.push(2) 
 
c.push(3) 
 

 
console.log(` original: ${a}`) 
 
console.log(`reference: ${b}`) 
 
console.log(`  copy: ${c}`)

Answer 3

Es ist spread syntax. Es ermöglicht das Kopieren von Objekten von einem Array (oder Objekt) zu einem anderen. In Ihrem Fall wird es verwendet, um eine flache Kopie von this.Statuses zu erstellen, um ursprüngliche Array-Mutationen zu vermeiden. Danke dafür, wenn Sie zum Beispiel das neue Element auf Statuses schieben, bleibt das ursprüngliche Array (this.Statuses) unverändert.