Destructuring (구조 분해 할당) 생각 오류

🌈 오늘의 교훈

정의를 잘 보자. 특히, 리턴 값이 어떤 형태인지!

 

구조 분해 할당을 아무 생각없이 예제를 볼 땐 넘어갔지만, 복습하다가 의문이 생겼다.

const student = {grade: 'A', major: '기계공학과'};
const {major} = student;

console.log(major); // '기계공학과'

이러한 결과가 나오는데 혼동이 생겼다.

객체를 destructuring하면 객체({major: '기계공학과'})가 나오는 줄 알았었다.

아주 큰 생각의 오류였다!

단지, 말 그대로 (객체라는)구조를 분해해서 (변수에)할당 하는 것..!

 

const {major} = student 는 const major = '기계공학과' 와 같은 뜻이다.

단지 할당연산자(=) 왼쪽에는 (배열 or 객체 )구조의 변수 리스트가 필요한 것이지 (배열 or 객체) 형태가 리턴되는 것이 아니었다!

 

✍ 결론

구조 분해 할당의 리턴 값은 (배열 or 객체) 형태가 아닌 변수(변수에 값을 할당)다!