Reageer ES6 Spread Operator
Verspreidingsoperator
De JavaScript-spread-operator ( ...) stelt ons in staat om snel alle of een deel van een bestaande array of object naar een andere array of object te kopiëren.
Voorbeeld
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
De spread operator wordt vaak gebruikt in combinatie met destructurering.
Voorbeeld
Wijs het eerste en tweede item numberstoe aan variabelen en plaats de rest in een array:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
We kunnen de spread-operator ook met objecten gebruiken:
Voorbeeld
Combineer deze twee objecten:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Merk op dat de eigenschappen die niet overeenkwamen werden gecombineerd, maar de eigenschap die wel overeenkwamen, color, werd overschreven door het laatste object dat werd doorgegeven, updateMyVehicle. De resulterende kleur is nu geel.