JavaScript(ES6) | 객체에서 키,값 쉽게 꺼내오기

Ryan·2020년 8월 18일
0

ES6

목록 보기
1/5
post-thumbnail

Destructured Assignment

우리는 데이터를 주로 객체에서 키-값 페어를 추출해서 변수에 저장해서 쓰곤 한다.
이 방법을 ES6를 통해 조금 더 쉽게 얻을 수 있다.

const vampire = {
  name: 'Dracula',
  residence: 'Transylvania',
  preferences: {
    day: 'stay inside',
    night: 'satisfy appetite'
  }
};
  • 위와 같은 vampire 라는 객체에서 키-값 을 추출할 경우 아래처럼 한다.
const residence = vampire.residence; 
console.log(residence); // Prints 'Transylvania' 
  • 그런데 ES6에서는 이것도 줄일 수 있다. 컬리브라켓을 이용해서!!
const { residence } = vampire; 
console.log(residence); // Prints 'Transylvania'
profile
"꾸준한 삽질과 우연한 성공"

0개의 댓글