Come funziona e che cosa è lo Spread Operator in Javascript?
Li avresti visti i temuti tre puntini
[...array]A prima vista potrebbe sembrare un errore di battitura. Magari un gatto ha saltellato sopra la tastiera.. e invece no. I tre puntini sono un operatore molto specifico.
Cosa rappresentano? Chi sono? Da dove vengono? Perché la nostra anima è preda del terrore in loro presenza?
Lo spread operator è caratterizzato per l’appunto da 3 puntini e lo si trova solitamente accanto ad un array.
Spread in inglese rimanda al concetto di diffusione, espansione. Questo operatore serve proprio per espandere un array con zero o più elementi.
A cosa serve lo spread operator?
Con lo spread operator ci puoi fare un sacco di cose belle.
Ad esempio ci puoi fare la copia di un array
let frutta = ['Mela','Arancio','Banana']
let nuovaFrutta = [...fruits]
console.log(nuovaFrutta) // ['Mela','Arancio','Banana']Puoi concatenare array tra loro
let arr1 = ['A', 'B', 'C'];
let arr2 = ['X', 'Y', 'Z'];
let risultato = [...arr1, ...arr2];
console.log(risultato); // ['A', 'B', 'C', 'X', 'Y', 'Z']Puoi concatenare oggetti tra loro
var obj1 = { id: 1, name: 'Mario Rossi' }
var obj2 = { age: 30, country: 'Italy'}
const profilo = { ...obj1, ...obj2 }
Rispondi