반응형
객체 간단 예제
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로 출력됨을 알수있다.
반응형
'Front-End > 자바스크립트' 카테고리의 다른 글
[자바스크립트(Java Script)] 콜백 함수 (0) | 2021.07.31 |
---|---|
[자바스크립트(Java Script)] 객체 간단 예제(2) (0) | 2021.05.07 |
[자바스크립트(Java Script)] 리스트 생성 예제 (0) | 2021.05.07 |
자바 스크립트 공부 (0) | 2021.05.03 |
자바스크립트 특징 (0) | 2021.05.03 |