비구조화(구조분해) 할당 (Destructuring Assignment)
비구조화 할당이란 배열이나 JSON 객체의 프로퍼티를 해체하여 그 값을 개별 변수에 담을 수 있게 해주는 자바스크립트 표현식 이다.
구조 분해 할당을 사용하면 객체와 배열로부터 속성이나 요소를 쉽게 꺼낼 수 있다.
const example = {a:123, b:{c:456, d:789}};
const a = example.a;
const c = example.b.c;
const d =exampl.b.d;
const {a, b:{c,d}} = example; // 위 구문을 이 코드로 바꿀 수 있음
const arr = [1,2,3,4,5];
const x = arr[0];
const y = arr[1];
const z = arr[4];
const [x,y,,,z] = arr; // 위 구문을 이 코드로 바꿀 수 있음
⚠️ this를 사용하고있는 경우에는 사용하지 않는게 좋다, this는 함수를 호출할 때 어떻게 호출되었냐에 따라 결정되기 때문이다.
babypig