본문 바로가기

JavaScript

비구조화 할당, 객체 구조 분해

반응형

비구조화 할당, 객체 구조 분해라고도 불리는 이 문법은 객체에서 특정 값들을 추출해 내는 것이다.

 

간단한 예시를 들어보자.

객체를 이용해 출력을하는 예시이다. 원래라면 이렇게 작성해야 할 코드를 비구조화 할당을 이용해
이렇게 바꿀 수 있다. 

파라미터로 받아온 hero라는 객체 내부에서 안에 있는 값들을 빼온 것이다. 

더 나아가 파라미터를 사용하는 단계에서도 비구조화 할당을 해줄 수 있다.

처음의 코드보다 깔끔해진 것을 확인할 수 있다.

비구조화 할당은 잘 쓴다면 아주 유용한 문법이다. 

역할은 특정 값들을 객체에서 빼온다고 이해하면 된다.

 

이런 식으로도 비구조화 할당을 할 수 있다.

반응형