dactylographiée const x = [... this.x]

Question

I ont un code dactylographiée hérité qui ressemble à ceci (à l'intérieur d'une fonction):

const Statuses = [...this.Statuses] 

this.Statuses fait référence à un tableau de codes d'état (défini comme Statuses = status [];) défini dans le même fichier .ts. Suite à la ligne ci-dessus, le code fonctionne sur les statuts

J'essaie de comprendre ce que fait la syntaxe [... this.var]? Pourquoi ne pas simplement se référer à cela. Les états en premier lieu?

Oui, je suis nouveau javascript/tapuscrit ....

Merci à l'avance.

Answer 1

C'est "spread notation", il étend this.Statuses (qui doit être une sorte d'Iterable, comme un tableau) en éléments discrets. Dans ce cas, ceux-ci forment un nouveau tableau (parce que le ...this.Statuses est dans [], ce qui crée un tableau). Si this.Statuses est un tableau, il est fonctionnellement identique à const Statuses = this.Statuses.slice(); (ou également ce qui suit). Si this.Statuses est un autre type d'Iterable, il est fonctionnellement identique à const Statuses = Array.from(this.Statuses);.

Answer 2

C'est un moyen esthétiquement plaisant de de copier un tableau, pour éviter les mutations à l'original. Il utilise la syntaxe de propagation, comme mentionné dans d'autres réponses.

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

Il est spread syntax. Il permet de copier des éléments d'un tableau (ou objet) à un autre. Dans votre cas, il est utilisé pour faire une copie superficielle de this.Statuses pour éviter les mutations de tableau d'origine. Merci pour cela lorsque vous par exemple pousser nouvel élément à Statuses le tableau d'origine (this.Statuses) restera inchangé.