거인의 코딩일지
JS_객체 본문
728x90
자바스크립트 객체
자바스크립트의 객체는 {} 내에 Key : Value (Map 형식) 가 모여있는 형태로 작성된다.
객체를 생성하는 방법에는 2가지가 존재하는데
1. {} : 객체 리터럴 표기법을 이용한 생성
2. 생성자 + new 생성자()를 이용한 생성
<button id="btn1">객체생성1</button>
<div class="area" id="div1"></div>
<hr>
<button id="btn2">객체생성2</button>
<div class="area" id="div2"></div>
이렇게 버튼을 html상에 만들어 주고
결과를 확인해보면
버튼 1번을 눌렀을때 값!콘솔로 확인한 값
버튼 2를 눌렀을때
콘솔에 찍히는 값
728x90
'코딩 > JS' 카테고리의 다른 글
DOM(Document Object Model) (0) | 2023.03.24 |
---|---|
JSON(JavaScript Object Notation, 자바스크립트 객체 표기법) (0) | 2023.03.24 |
JS_이벤트 응용 3(표준 이벤트) (0) | 2023.03.07 |
JS_이벤트 응용 2(고전 이벤트) (0) | 2023.03.06 |
JS_이벤트 응용 1(인라인 이벤트)! (0) | 2023.03.06 |