Distructuring 구조분해할당

Distructuring?

배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 자바스크립트 표현식

객체

const 아놀드_슈왈제네거 = {
  first : "Arnold",
  last : "Schwarzenegger"
}

const {first, last} = 아놀드_슈왈제네거;

console.log(first,last)
// Arnold Schwarzenegger

배열

const 아놀드_슈왈제네거 = ["Arnold","Schwarzenegger",54]

const [first, last] = 아놀드_슈왈제네거
//25는 어디에도 할당되지 않음

console.log(first,last)
// Arnold Schwarzenegger

나머지 모든 값을 얻고 싶다면 rest 표현식 사용

const 저녁밥 = ["김","민경","마라탕","떡볶이","치즈 케이크","핫도그"]

const [성, 이름, ...메뉴] = 저녁밥;

console.log(메뉴);
//[ '마라탕', '떡볶이', '치즈 케이크', '핫도그' ]
 

변수 교체하기

let cat = "angry"
let dog = "kind"

[cat, dog] = [dog,cat]

console.log(`cat:${cat} dog:${dog}`)
//cat:kind dog:angry