본문 바로가기
IT/javascript

객체/비구조화 할당

by 공장장J 2020. 7. 13.
반응형

어떠한 값을 선언하게 될 때, 하나의 이름에 여러 종류의 값을 넣을 수 있게 함

const dogName = '멍멍이';
const dogAge = 2;
console.log(dogName); ----------출력 : 멍멍이
console.log(dogAge); ----------출력 : 2

=> 객체로 변경. 코드블록 아님. 키 : 값 으로 이루어져 있음
const dog = {
  name : '멍멍이'
  age : 2
  cute : true
  simple : {a:1, b:2}
}
console.log(dog.name); ----------출력 : 멍멍이
console.log(dog.age); ----------출력 : 2


const ironMan = {
  name : '토니 스타크'
  actor : '로버트 다우니 주니어'
  alias : '아이언맨'
};
const captainAmerica = {
  name : '스티븐 로저스'
  actor : '크리스 에반스'
  alias : '캡틴 아메리카'
};

function print(hero) {
  const text = '${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor}입니다.';
  console.log(text);
}
print(ironMan); ----------출력 : 아이언맨(토니 스타크) 역할을 맡은 배우는 로버트 다우니 주니어입니다.
print(captainAmerica); ----------출력 : 캡틴 아메리카(스티븐 로저스) 역할을 맡은 배우는 크리스 에반스입니다.

=> ES6 비구조화 할당이라는 문법(객체 구조분해)로 변경해서 표현했을 때 2가지
1.
function print (hero) {
  const { alias, name, actor } = hero;
  const text = '${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.';
  console.log(text);
}
2. 
function print ({ alias, name, actor }) {
  const text = '${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.';
  console.log(text);
}

반응형