[JavaScript] JSON객체

정은아·2022년 10월 3일
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>JSON 객체</title>
  <script>
  function init() {
	  var emp={"name":"민들레",
	           "age":"25",
			   "tel":"010-123-4567",
			   "address":"서울"
			   };

     var msg="";
	 msg += "이름: " + emp.name + "<br>"
	     + "나이: " + emp.age + "<br>"
         + "전화: " + emp.tel + "<br>"
		 + "주소1 : " + emp.address + "<br>"
		 + "주소2 : " + emp["address"] + "<br>"
		 + "주소3 : " + emp['address'] + "<br>" 
         //JSON 값 불러오는 방법 3가지 (주소1,2,3 참고)

	 document.getElementById("result").innerHTML=msg;
	 }
	 </script>



 </head>
 <body onload="init()">

 <h2>JSON표기법</h2>
 <div id="result">
	

 </div>
  
 </body>
</html>

	  
 JSON 데이터 
	: JSON 데이터는 이름과 값의 쌍으로 구성됩니다.
    : 이러한 JSON 데이터는 데이터 이름, 콜론(:), 값의 순으로 구성됩니다.

. 문번   =>   "데이터 이름" : 값
다음 예제는 데이터의 이름이 "name"이고, 값은 "식빵"이라는 문자열을 갖는 
JSON 데이터의 예제입니다.

예제  =>  "name" : "식빵"
데이터의 이름도 문자열이므로, 항상 큰따옴표("")와 함께 입력해야 합니다.
	

profile
꾸준함의 가치를 믿는 개발자

0개의 댓글