Reagovat ES6 Spread Operator
Operátor šíření
Operátor rozšíření JavaScriptu ( ...
) nám umožňuje rychle zkopírovat celé nebo část existujícího pole nebo objektu do jiného pole nebo objektu.
Příklad
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
Operátor spreadu se často používá v kombinaci s destrukcí.
Příklad
Přiřaďte první a druhou položku od numbers
do proměnných a zbytek vložte do pole:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
Operátor spread můžeme použít i s objekty:
Příklad
Spojte tyto dva objekty:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Všimněte si, že vlastnosti, které se neshodovaly, byly zkombinovány, ale vlastnost, která se shodovala, color
byla přepsána posledním předaným objektem updateMyVehicle
. Výsledná barva je nyní žlutá.