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