구조 분해 할당

객체와 배열은 자바스크립트에서 가장 많이 쓰이는 자료 구조이다

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식이다(Spread 문법을 이용하여 값을 해체한 후, 개별 값을 변수에 새로 할당)

할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식으로 작성

 

// 이름과 성을 요소로 가진 배열
let arr = ["Bora", "Lee"]

// 구조 분해 할당을 이용해
// firstName엔 arr[0]을
// surname엔 arr[1]을 할당하였습니다.
let [firstName, surname] = arr;

alert(firstName); // Bora
alert(surname);  // Lee

function whois({displayName: displayName, fullName: {firstName: name}}){
  
  console.log(displayName + " is " + name);
}



let user = {
  id: 42,
  displayName: "jdoe",
  fullName: {
      firstName: "John",
      lastName: "Doe"
  }
};

whois(user) // jdoe is John