어떠한 값을 선언하게 될 때, 하나의 이름에 여러 종류의 값을 넣을 수 있게 함
const dogName = '멍멍이';
const dogAge = 2;
console.log(dogName); ----------출력 : 멍멍이
console.log(dogAge); ----------출력 : 2
=> 객체로 변경. 코드블록 아님. 키 : 값 으로 이루어져 있음
const dog = {
name : '멍멍이'
age : 2
cute : true
simple : {a:1, b:2}
}
console.log(dog.name); ----------출력 : 멍멍이
console.log(dog.age); ----------출력 : 2
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 비구조화 할당이라는 문법(객체 구조분해)로 변경해서 표현했을 때 2가지
1.
function print (hero) {
const { alias, name, actor } = hero;
const text = '${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.';
console.log(text);
}
2.
function print ({ alias, name, actor }) {
const text = '${alias}(${name}) 역할을 맡은 배우는 ${actor}입니다.';
console.log(text);
}
'IT > javascript' 카테고리의 다른 글
자바스크립트로 크리스마스 디데이 계산기 / Date, setInterval, Math.floor 함수 (0) | 2022.05.23 |
---|---|
querySelector VS getElementById 차이점 / #4.0 Login input Values / (0) | 2022.05.18 |
ES6 화살표 함수 (0) | 2020.07.13 |
함수 (0) | 2020.07.13 |
조건문 - if, else, else if, switch case (0) | 2020.07.13 |