Reagire ES6 Spread Operator
Operatore di diffusione
L'operatore di diffusione JavaScript ( ...
) ci consente di copiare rapidamente tutto o parte di un array o un oggetto esistente in un altro array o oggetto.
Esempio
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
L'operatore di diffusione viene spesso utilizzato in combinazione con la destrutturazione.
Esempio
Assegna il primo e il secondo elemento da numbers
a variabili e inserisci il resto in un array:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
Possiamo usare l'operatore spread anche con gli oggetti:
Esempio
Combina questi due oggetti:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Si noti che le proprietà che non corrispondevano sono state combinate, ma la proprietà che corrispondeva, color
, è stata sovrascritta dall'ultimo oggetto passato, updateMyVehicle
. Il colore risultante è ora giallo.