객체란
객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줍니다.
객체 사용하는 방법
const dogName ='멍멍이';
const dogAge = 2;
console.log(dogName);
console.log(dogAge);
const dog = {
name: '멍멍이',
age:2,
'key is sample': 'sample'
}
console.log(dog); //object{name: "멍멍이", age:2, samplekey with space: "sample"}
console.log(dog.name); //멍멍이
console.log(dog.age); //2
객체를 선언 할 때에는 이렇게 { } 문자 안에 원하는 값들을 넣어주면 됩니다.
값을 집어 넣을 때에는
키: 원하는 값
형태로 넣으며, 키에 해당하는 부분은 공백이 없어야합니다.
만약에 공백이 있어야 하는 상황이라면 이를 따옴표로 감싸서 문자열로 넣어주면 됩니다.
const 객체명 = {
key : value,
key : value
...
}
key값은 띄어쓰기가 불가능 한데 문장을 key로 사용하려면 ' key 값 ' 을 '' or " " 안쪽에 넣어주면 가능하다 !
ES6 버전 이후 사용법
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); //캡틴 아메리카(스티븐 로저스) 역할을 맡은 배우는 크리스 에반스 입니다.
'JavaScript' 카테고리의 다른 글
객체 - Getter와 Setter 함수 (0) | 2020.09.07 |
---|---|
객체 - 객체 안에 함수 넣기 (0) | 2020.09.07 |
객체 - 비구조화 할당 (0) | 2020.09.07 |
Script 함수 (0) | 2020.09.06 |
var, let, const 의 차이점 (0) | 2020.09.06 |