[JavaScript] 11. 자바스크립트 비구조화 할당

# 객체 비구조화 할당

객체 비구조화 할당은 ES6에서 추가된 문법으로 객체나 배열의 값을 새로운 변수에 간단히 대입시켜주는 문법입니다.

객체 비구조화 할당을 사용하면 코드를 좀 더 간단하고 보기 좋게 작성할 수 있습니다. 이 문법은 객체 구조 분해라고 불리기도 합니다.

 

다음과 같이 학생의 정보를 출력해주는 함수가 있습니다. print()는 student 객체를 매개변수로 받습니다.
 . 을 이용해 객체의 속성값을 가져올 수 있습니다.

const student01 = {
    name : "AAA",
    grade : 2,
    department : "컴퓨터공학과"
};

const student02 = {
    name : "BBB",
    grade : 3,
    department : "화학과"
};

const print = (student) => {
    console.log(`${student.name}학생은 ${student.grade}학년, ${student.department} 소속입니다.`);
};

print(student01);
print(student02);

 

이 함수를 객체 비구조화 할당을 이용해 작성해보면  . 을 이용하여 값을 가져오는 번거로움을 줄일 수 있습니다!

const print = ({name,grade,department}) => {
    console.log(`${name}학생은 ${grade}학년, ${department} 소속입니다.`);
};