구조분해할당

구조분해할당

const arr = ['red', 'green', 'yellow'];

const red = arr[0];
const green = arr[1];
const yellow = arr[2];

const arr = ['red', 'green', 'yellow'];

const [red, green, yellow] = arr;

const [red, green, yellow] = arr;

구조 분해 할당이라고 하는 것은 오른쪽에 있는 배열을 분해하여 왼쪽에 있는 red, green yellow 라는 상수에 그
값을 할당하는 것을 말한다.

const [,,yellow_value] = arr;

위와 같이 입력했을 경우

const yellow_value = arr[2];

위의 의미와 같다.

구조분해 할당을 객체에도 적용할 수 있다.

const obj = {
  blue: 'blue',
  green: 'green',
  white: 'white',
};

const {white, green, blue} = obj;

위의 식은 아래와 동일한 의미를 갖는다. 배열과 다른 점은 객체 내부 고유 key값이 있기 때문에 순서가 중요하지 않
다는 부분과 const 선언 할 때 '{}'로 감싼다는 부분이다.

const obj = {
  blue: 'blue',
  green: 'green',
  white: 'white',
};

const white = obj.white;
const green = obj.green;
const blue = obj.blue;