자바스크립트 객체에 대해 알아보자
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 값이 담긴 것을 확인할 수 있다.
'프로그래밍 언어 > JS(자바스크립트)' 카테고리의 다른 글
ES6 문법 핵심 요약(1) (0) | 2022.06.05 |
---|---|
자바스크립트의 HTML 접근 메서드 (0) | 2021.05.20 |