인프런 커뮤니티 질문&답변

유동현님의 프로필 이미지
유동현

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Destructuring(비구조화 할당)

Destructuring(구조 분해 할당)에 관한 질문

작성

·

504

3

Destructuring는 실제 코딩에서 언제 많이 활용되나요?

저는 사실 var 변수명 = grab.name으로 하는게 번거로우니,
var {변수명, 변수명} = grab; 하면 알아서 키값을 중괄호 안에 있는 변수명에 넣어주는 건줄 알았는데요.

그게 아니라 Destructuring는 해당 객체 안에 있는 키값 그대로만 변수명을 쓸 수 있는 구조인게 맞나요?

답변 2

2

그랩님의 프로필 이미지
그랩
지식공유자

Destructuring은 기본적으로 객체와 배열의 값을 꺼내서 바로 변수에 할당해주는 역할을 합니다.

배열의 경우 순서에 맞게 변수를 넣어주면 알아서 값이 들어가며, 객체의 경우 동현님이 물어보신대로 키값 그대로 변수를 써야지만 값을 가져올 수 있습니다. 이유는 객체는 따로 순서라는 게 없기 때문에 key로만 비구조화가 가능하기 때문이죠👍🏼

[배열 사례]

var fruits = ['사과','바나나'];
var [apple, banana] = fruits;
//apple에는 사과, banana에는 바나나가 들어감


[객체 사례]

var products = {"name" : "banana",  "price": 5000};
var {price, name} = products
//순서가 반대여도 price에는 5000, name에는 banana가 들어감

0

유동현님의 프로필 이미지
유동현
질문자

배열은 변수 선언도 동시에 할 수 있는 장점이 있는 것 같은데 객체의 Destructuring은 그게 안되는게 맞는거죠?

유동현님의 프로필 이미지
유동현

작성한 질문수

질문하기