개발자의 공부노트

자바스크립트 객체에 대해 알아보자

2021. 5. 16. 22:05프로그래밍 언어/JS(자바스크립트)

자바스크립트는 데이터를 유용하게 다루기 위해 객체(Object)라는 개념을 사용한다.

//자바스크립트 객체의 Key, Value 구조
const JSObject = {'key' : 'value'};

위에서 선언한 JSObject가 바로 자바스크립트의 객체이며 {} 중괄호 사이에 key값에 따른 value 값이

매핑되어 있는 형태이다. 

 


 

JSObject 객체에 key와 value 값을 넣고 선언한 후 해당 객체를 불러와보자

const JSObject = {'제목' : '자바스크립트객체에 대해 알아보자'};

위와 같은 형태로 key와 value 값이 객체에 담긴것을 확인할 수 있다.

 


 

const JSObject = {
	'제목' : '자바스크립트객체에 대해 알아보자',
	'주제' : '자바스크립트 객체',
	'내용' : '객체의 형태'
};

여러 개의 key와 value를 담는 경우에는 ' , ' 콤마로 key와 value 쌍을 구분해준다.

 


 

객체에 담긴 key, value 쌍 중에 특정 key에 매핑된 value값을 가져오고 싶은 경우에는 다음과 같이 선언하여 불러온다.

const title = JSObject.제목;

JSObject 객체안에 '제목'이라는 key에 매핑된 value를 title 변수에 담는 방법이다.

title 변수를 불러오면 제목이라는 key에 대한 value 값이 담긴 것을 확인할 수 있다.