구조 분해 할당

배열

const userNameData = ["Son", "Seongoh"];
const firstName = userNameData[0];
const lastName = userNameData[1];

이와 같은 코드를 간단히 사용하기 위해 구조분해 할당으로

const [firstName, lastName] = ["Son", "Seongoh"];

다음과 같이 작성하면 더 간단히 작성 할 수 있다

객체

const user = {
  name: "Son",
  age: 28
};

const name = user.name;
const age = user.age;
``

다음과 같이 작성해도 되지만

const { name, age } = {
  name: "Son",
  age: 28
};

위와 같이 사용 해도 된다 단 이때 왼쪽의 이름은 배열과 다르게 객체에 정의된 이름을 그래도 사용해주어야 한다
만약 별칭을 따로 사용하고 싶다면

const { name: newName, age } = {
  name: "Son",
  age: 28
};

위와 같이 콜론으로 만들어주어야한다