array, object 자료형의 값중 변수에 담고싶을때는 다양한 방법이 있습니다.

const arr = [1,2,3];
const a = arr[0];

위와같은 형태로 배열의 요소중 하나를 변수에 담을수 있습니다.

만약 여러개의 변수에 저장 하려면 코드가 길어지는 상황이 발생합니다!

Destructuring 이란 문법으로 간편하게 변수에 값을 지정해줄수 있습니다.

const [a,b,c] = [1,2,3];

위 와 같은 코드 형태로 사용할수 있으며, 변수 a,b,c가 생성되며 각각 값이 1,2,3을 가지게 됩니다.

Destructuring 문법에는 default값을 지정해줄수도 있습니다.

const [a,b,c] = [1,2]; // c는 undefined 값을 가지게 됩니다.

const [d,e,f=10] = [3,4]; //d=3, e=4, f=10 의 값을 가지게 됩니다.

함수의 default 파라미터 문법과 동일하게 사용이 가능합니다.

object 자료형 에서도 사용이 가능합니다.