구조분해할당은 배열, 객체에 사용할 수 있다.
구조분해할당 : 배열
'tottenham'이라는 배열이 있고, 각 요소를 각각의 변수에 할당하고 싶다면
↑ 이렇게 각각을 인덱싱하여 데이터를 꺼내야 한다. 하지만 좀 더 간단한 방법이 있음. 바로 '구조분해할당'.
이게 바로 '구조분해할당'이다. 위의 코드와 비교했을 때, 코드가 확실히 짧아진 것을 알 수 있다.
Q. 만약, 변수가 있는 경우라면?
const를 제거해주면, 잘 작동한다!
Q. 필요없는 변수는 어떻게 제거할까?
변수 선언에서 제거하고, 배열 안에서도 지워주되 공간은 비워두기. 그래야 올바른 순서로 요소가 위치할 수 있기 때문.
Q. 배열 구조분해할당 - 전개연산자 활용하기
첫 번째 요소를 제외한 나머지 요소들을 전개연산자를 사용하여 한 배열로 묶어줄 수 있다.
구조분해할당 : 객체
제외하고 싶은 프로퍼티는 안 넣어줘도 됨.
당연히 'four'이라는 키가 정의되어 있지 않으므로, undefined 출력.
Q. 기존 객체에 없는 프로퍼티라도 미리 지정할 수 있다?
'four'이라는 키와 'pele'라는 밸류는 본래 객체에는 없는 프로퍼티였음. 하지만, 미리 기본값으로 넣어줌으로써, 'four'라는 변수가 없을 경우, 'pele'가 자동 적용되게끔 만들어주는 것이다.
또한, 내가 원하는 변수 이름으로 작성이 가능한데
값은 잘 출력된다.
'one'이라는 변수 이름을 'legend1'으로 바꾼 것임. 당연히 콘솔창에 출력할 때도, 바꾼 변수 이름을 넣어야 함.
당연히 객체도 전개연산자를 활용할 수 있다.
雲外蒼天