JavaScript Object(객체), 비구조화 할당

아래의 화면은 codesandbox로 실행했습니다.

 

 

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

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

function print(hero) {
  const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${
    hero.actor
  } 입니다.`;
  console.log(text);
}
function print1(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);
}

const { name } = ironMan;
console.log(name);

print(ironMan);
print(captainAmerica);

print1(ironMan);
print1(captainAmerica);

print2(ironMan);
print2(captainAmerica);

 

const deepObject = {
  state: {
    information: {
      name: "sh",
      language: ["korean", "english", "java"]
    }
  },
  value: 5
};

const { name, language } = deepObject.state.information;
const { value } = deepObject;

const extracted = { name, language, value };
console.log(extracted);