Как использовать оператор разбора (...)

Учимся использовать оператор三点 (...) также известен как оператор разбора.

Оператор разбора (spread operator)

Оператор разбора в JavaScript (...) можно расширить до большего количества элементов одного и того же типа (например, массива).

Это позволяет нам быстро копировать все или часть существующего массива в другой массив:

экземпляр

Используйте оператор разбора в JavaScript для объединения двух массивов

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

попробуйте сами

Оператор разбора часто используется для извлечения необходимых частей из массива:

экземпляр

Assign the first two elements of the numbers array to variables and put the remaining parts into another array:

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 Покрыто. Цвет, который теперь красный.

Соответствующие страницы

Учебник:JavaScript ES6