DESTRUCTURING ASSIGNMENT

자바스크립트를 사용하는 분이라면 전부 아시겠지만, 구조분해할당(DESTRUCTURING ASSIGNMENT)를 빼놓고는 말을 할 수 없다고 생각합니다!

구조분해할당은 객체 혹은 배열에서 각 VALUE나 PROPERTY를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해줍니다.

먼저 객체에서의 구조분해할당을 살펴보겠습니다.

  name: "park",
  age: 18,
  nationality:"Japan"
};
const {name, ...rest} = obj
console.log(obj.nationality)

이렇게 정의했을 경우 rest에 속해 있는 nationality의 VALUE값인 Japan이 나오게 됩니다.

객체에서의 구조분해할당을 살펴보았으니, 배열에서의 구조분해할당을 살펴보겠습니다.

const arr = [1, 2, 3];
const first = arr[0];
const second = arr[1];
console.log(first, second); ```

이런식으로 조금 길게 작성이 되었던 부분이

const arr = [1, 2, 3];
const [first, second] = arr;
console.log(first, second);

이렇게 작성될 수 있는 것을 확인할 수 있습니다.

WRAP UP

1. 구조분해할당은 긴 코드를 간결하게 만들어줄 수 있다.
2. 구조분해할당은 객체에서, 배열에서 전부 사용될 수 있다.