ES6 자바스크립트 객체

const dog = {
  name : '멍멍이',
  age : 2,
  'key with space' : 'asdf'
}

키 값에 공백이 있는 경우 ' '로 감싸주면 된다. 

 

 

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의 비구조화 문법(객체 구조 분해)에선 아래와 같이 쓸 수 있다.

 

const ironMan = {
  name: '토니 스타크',
  actor : '로버트 다우니 주니어',
  alias : '아이언맨',
};

const captainAmerica = {
  name : '스티븐 로저스',
  actor : '크리스 에반스',
  alias : '캡틴 아메리카'
};

//비구조화 할당
// 특정 값들을 객체에서 빼온다.
function print(hero) {
  const { alias, name, actor} = hero;
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.`
  console.log(text)
}

function print2( { alias, name, actor}) {
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.`
  console.log(text)
}

print(ironMan)
print2(captainAmerica)