React ES6 Оператор розповсюдження (поширення)
Оператор розповсюдження (поширення)
Оператор розповсюдження JavaScript (...) дозволяє швидко скопіювати весь або частину існуючого масиву чи об’єкта в інший масив чи об’єкт.
Приклад
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];Оператор поширення часто використовується в поєднанні з деструктуризацією.
Приклад
Призначте перший і другий елементи з numbers змінним, а решту помістіть у масив:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;Ми також можемо використовувати оператор spread з об’єктами:
Приклад
Об’єднайте ці два об’єкти:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}Зверніть увагу, що властивості, які не збігалися, були об’єднані, але властивість, яка збігалася, color, була перезаписана останнім переданим об’єктом, updateMyVehicle. Отриманий колір тепер жовтий.
