React ES6

확산 연산자

자바스크립트 확산 연산자(…)를 사용하면 기존 배열 또는 객체의 전부 또는 일부를 다른 배열 또는 객체에 빠르게 복사할 수 있다.

예제

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;

객체에도 스프레드 연산자를 사용할 수 있다.

예제

다음 두 개체를 결합한다.

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
}

const updateMyVehicle = {
  type: 'car',
  year: 2021, 
  color: 'yellow'
}

const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기