Javascript & JQuery & CSS > JSON 구조 알아보기
등록일 : 2017-07-14 16:55
조회수 : 93,820
var JSONObject = {
"name":"유재석",
"street":"서울특별시",
"age":41,
"phone":"011 1234 5678"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
위의 결과를 보면, 유재석, 서울특별시, 41세, 011 1234 5678 처럼 결과가 나오는데 이런 데이터를 저장하는 형식은 key 값과 value 값으로 나누어 진다.
JSON 문자열을 보면 아래와 같이 선언 할 수가 있다.
var menu = '{ "name": "스파게티", "price" : 8000 }';
menu.name = 스파케티
menu.price = 8000
위처럼 데이터 값을 뽑아 올수가 있다.