Notice
Recent Posts
Recent Comments
Link
250x250
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags
more
Archives
Today
Total
관리 메뉴

거인의 코딩일지

JS_객체 본문

코딩/JS

JS_객체

코딩거인 2023. 3. 24. 01:15
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