Come utilizzare l'operatore di espansione (...)

Impara come utilizzare l'operatore di tre punti (...) è anche noto come operatore di espansione.

operatore di espansione (spread operator)

L'operatore di espansione di JavaScript (...) Può estendere un oggetto iterabile (come un array) a più elementi.

Questo ci permette di copiare rapidamente l'intero array o una parte di esso in un altro array:

istanza

Utilizzare l'operatore di espansione in JavaScript per combinare due array

const numeriUno = [1, 2, 3];
const numeriDue = [4, 5, 6];
const numeriCombinati = [...numeriUno, ...numeriDue];

prova personalmente

L'operatore di espansione viene spesso utilizzato per estrarre parti necessarie dall'array:

istanza

Assegnare il primo e il secondo elemento dell'array numbers a variabili e il resto dell'array in un altro array:

const numeri = [1, 2, 3, 4, 5, 6];
const [uno, due, ...rimanenti] = numeri;

prova personalmente

Possiamo anche utilizzare l'operatore di espansione sugli oggetti:

istanza

const myVehicle = {
  marca: 'Ford',
  modello: 'Mustang',
  colore: 'rosso'
}
const updateMyVehicle = {
  tipo: 'auto',
  anno: 2021,
  colore: 'giallo'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

prova personalmente

Attenzione, le proprietà non corrispondenti sono state combinate, ma le proprietà corrispondenti colore l'oggetto inserito per ultimo updateMyVehicle Coperto. Il colore finale è ora giallo.

Pagine correlate

Tutorial:JavaScript ES6