Front-End/자바스크립트

[자바스크립트(Java Script)] 객체 간단 예제(1)

shoney9254 2021. 5. 7. 23:20
반응형

객체 간단 예제

dog, ironMan, captainAmerica 객체를 만들어 줍니다. 

const dog ={
name : '멍멍이',
age : 2
}

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

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

console.log(dog);
console.log(ironMan);
console.log(captainAmerica);

 

프린트 가능한 함수 생성

1. 그냥 프린트 함수

function print1(hero) {
const text = `1: ${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor} 입니다.`;
console.log(text);
}

 

2. 함수 내부 상수에 저장해서 작업하는 함수

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

 

3. 파라메터 단계에서 비구조화 할당

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

print1,2,3 을 ironMan 객체로 실행 시키게 되면 아래와 같은 결과가 나온다.

print1(ironMan);
print2(ironMan);
print3(ironMan);
//dog 객체를 호출할 경우 어떻게 되는지 궁금해서 넣어봤다.
print1(dog);
print2(dog);
print3(dog);

* print2 함수로 dog를 호출할 경우, alias와 actor가 없으므로 undefined로 출력됨을 알수있다.

반응형