Reageer ES6 Spread Operator
Versprei Operator
Die JavaScript-verspreidingsoperateur ( ...) stel ons in staat om die hele of 'n deel van 'n bestaande skikking of voorwerp vinnig na 'n ander skikking of voorwerp te kopieer.
Voorbeeld
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
Die verspreidingsoperateur word dikwels in kombinasie met destrukturering gebruik.
Voorbeeld
Ken die eerste en tweede items van numbersveranderlikes toe en plaas die res in 'n skikking:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
Ons kan die verspreidingsoperateur ook met voorwerpe gebruik:
Voorbeeld
Kombineer hierdie twee voorwerpe:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Let op die eienskappe wat nie ooreenstem nie, is gekombineer, maar die eienskap wat wel ooreenstem, color, is oorskryf deur die laaste voorwerp wat geslaag is, updateMyVehicle. Die gevolglike kleur is nou geel.