구조분해할당(destructuring)

또는 비구조화 할당이란 객체나 배열에 담긴 데이터를 분해하여 변수를 한번에 선언하고 할당할 수 있도록 도와주는 것이다.

구조분해할당을 통해 코드의 양을 줄일 수 있다.

배열의 구조분해 할당

const fruits = ['melon', 'watermelon','lemon']

위의 배열을 새로운 변수에 할당하기 위해 아래와 같이 할당을 해야할까?

fruit1 = fruits[0]
fruit2 = fruits[1]
fruit3 = fruits[2]

이렇게도 가능하다.

const [fruit1, fruit2, fruit3] = fruits

배열의 구조분해 할당은 선언부에 [대괄호]를 사용하며,
객체의 비구조화할당과 다르게 변수명을 바꿔도 상관없다.
할당부에는 배열의 이름을 넣으며, 원소 할당은 인덱스 순서대로 들어간다!

객체의 구조분해 할당

 const child = {
	name : “yeeny”,
	age : 22,
	school : "코딩스쿨”
}
const {name, age, school} = child

객체의 키값과 동일하게 데이털르 할당한다.

Rest Parameter

특정 객체에서 지우고 싶은 데이터가 있는데
원본을 건드리지 않고 삭제하기 위해서는?
rest 파라미터를 이용한다.

깊은 복사

const fruits = ['melon', 'watermelon','lemon']
const fruits2 = [... fruits]  

기존 배열의 값만 복사하여 할당하기 때문에 추후 배열의 값을 변경해도 원본 배열 값에 영향을 주지 않는다.