JavaScript

객체

코딩공부 2020. 9. 7. 00:15

객체란

객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줍니다.

 

객체 사용하는 방법

 

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