공부/javascript

[javascript] 객체

신입개발자 2021. 6. 9. 17:30

 

 

객채는 어떠한 값을 선언하게 될 때 하나의 이름에 여러 가지의 값을 넣을 수 있게 해 줍니다 이 객체 안에는 문자열 숫자 불린 값 객체 등을 넣을 수 있게 해 줄 수 있고 객체 안에 값을 불러올 때에는 키값이 필요한데 키값은 숫자로 할 수도 는데 중간에 공백이 있으면 안 됩니다

const dog = {
// key : value
  name: '멍멍이',
  age: 2,
  cute: true,
};

//dog 객체의 name 키값으로 value값을 console창에 출력하기
console.log(dog.name);

dog의 name을 console창에 출력해보면 아래와 같은 화면이 나옵니다

console.log로 출력한 dog.name

어벤져스 캐릭터 객체 만들기

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

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

//콘솔창에 ironMan captainAmerica 객체를 출력
console.log(ironMan);
console.log(captainAmerica);

객체를 이용해 히어로의 자기소개 텍스트를 출력하는 함수를 만들어보기

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

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

// print함수에서 hero라는 이름으로 객체형태의 파라미터를 받아옵니다
function print(hero) {
  const text = `${hero.alias}(${hero.name})역할을 맡은 배우는 ${hero.actor} 입니다`
  console.log(text);
}
print(ironMan);
print(captainAmerica);

결과물