본문 바로가기

JSON/JSON 02, Array

JSON 배열 표현법

JSON 배열 표현법 및 배열을 문자열로 표현하기, 문자열로부터 JSON배열 파싱하는 예
json2.js

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>JSON 배열, 문자열 변환 및 문자열로부터 배열을 파싱하는 예</title>
<script type="text/javascript" src="./json2.js"></script>
</head>
<body>
<script>
 var jsonArray = ["강호동", "이수근", "김종민"];
 document.writeln("1. "+ jsonArray[0] +"<br/>");
 
 /* 배열을 JSON문자열로 표현 */
 document.writeln("2. "+ jsonArray.toJSONString() +"<br/>");
 
 /* JSON배열을 문자열로 표현한 것을 다시 JSON배열로 파싱하는 예 */
 var jsonArrayStr = jsonArray.toJSONString();
 var jsonArray2 = jsonArrayStr.parseJSON();
 document.writeln("3. "+ jsonArray2[0] +"<br/>");
 
 /* JSON객체를 원소로 포함하는 배열의 예 */
 var students ={"Java":[ {"name":"홍길동","marks":88 },
                                  {"name":"박지성","marks":90 }
                                ],
                       "JSP": [ {"name":"홍길동","marks":95 },
                                   {"name":"박지성","marks":92 }
                                 ]
                     };
 document.writeln("4. "+ students.toJSONString() +"<br/>");
 
 var jsonArray3 = [];
 jsonArray3.push("김시준", "356-645-5687", 15);
 document.writeln("5. "+ jsonArray3.toJSONString() +"<br/>");

 var jsonArray4 = new Array();
 jsonArray4.push("김시언", "643-867-6789", 12);
 document.writeln("6. "+ jsonArray4.toJSONString() +"<br/>");

</script>
</body>
</html>