destructuring assignment (배열)

ES
비고
배열 요소 해체 할당
Tags
array
해체할당
말 그대로 배열을 해체해서 각 요소들을 순서대로 담는다고 생각하면 됨.
코드로 봐야 이해가 빠르니 설명 생략.
 

기존

배열의 요소에서 추출해서 변수에 담으려면 아래와 같이 했어야 했다.
const days = ['mon', 'tue', 'wed', 'thur', 'fri', 'sat', 'sun']; const mon = array[0]; const tue = array[1]; const wed = array[2]; const thur = array[3]; const fri = array[4]; const sat = array[5]; const sun = array[6];
 

해체 할당

💡
배열해체할당 시, 무조건 인자의 순서대로 들어간다는 점에 유의.
const days = ['mon', 'tue', 'wed', 'thur', 'fri', 'sat', 'sun']; const [mon, tue, wed, thur, fri, sat, sun] = days; console.log(mon); // 'mon' console.log(tue); // 'tue' console.log(wed); // 'wed' console.log(thur); // 'thur' console.log(fri); // 'fri' console.log(sat); // 'sat' console.log(sun); // 'sun'
이렇게 보면 이름에 맞게 알아서 들어가는 것처럼 보일 수도 있지만, 배열의 인자 순서대로 할당된다는 점에 유의해야한다. (오브젝트 프로퍼티는 이름으로 가져올 수 있음)
 
notion image
notion image