Узнать, как использовать оператор трех точек (...), также известный как оператор распространения используя HTML, CSS и JavaScript.
Оператор распространения
Оператор распространения JavaScript (...) расширяет итерируемый объект (например, массив) на большее количество элементов.
Это позволяет нам быстро копировать весь или части существующего массива в другой массив:
Назначьте первый и второй элементы из чисел переменным и поместить остальное в массив:
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const
numbersCombined = [...numbersOne, ...numbersTwo];
Попробуйте сами »
Оператор расширения часто используется для извлечения только того, что нужно из массива:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] =
numbers;
Попробуйте сами »
Мы также можем использовать оператор распространения с объектами:
const myVehicle = {
brand: 'Форд',
model: 'Мустанг',
color: 'красный'
}
const updateMyVehicle = {
type: 'автомобиль',
year:
2021,
color: 'жёлтый'
}
const myUpdatedVehicle = {...myVehicle,
...updateMyVehicle}
Попробуйте сами »
Обратите внимание, что несовпадающие свойства были объединены, но совпадающее свойство, color, было перезаписано последним переданным объектом, updateMyVehicle. Результирующий цвет теперь желтый.
См. также: Учебник JavaScript ES6.