<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
JSON == 데이터, setting(X)
Javascript Object Notation
자바 스크립트를 객체형식의 자료로 표현한 것
한쌍 key:value -> map
java(back end) -> server map
web(front end) -> client json
Ajax : xml, json
xml 데이터를 취합, 불러오기
JSON은 데이터를 저장하고 교환하기위한 구문
JSON은 javasript 구문을 사용한다.
-->
<p id="demo">a tag</p>
<script type="text/javascript">
//javascript 배열표현
//1차원 배열
//var emp = [1,2,3];
//2차원 배열
//var emp = [[1,2],[3,4],[5,6]];
//alert(emp[2][0]);
//Json 배열 표현
var emp=[
{
// key : value
"firstname":"길동",
"lastname":"홍"
},
{
"firstname":"도메",
"lastname":"인"
},
{
"firstname":"뚝심",
"lastname":"삼"
}
];
//3개의 노드가 존재하지
//각각 데이터 가져오기
//방법1)
document.getElementById("demo").innerHTML
= emp[0].firstname+" "+emp[0].lastname;
//방법2)
document.getElementById("demo").innerHTML
= emp[1]["firstname"]+" "+emp[1]["lastname"];
//한꺼번에 데이터 가져오기
//alert(emp.length);
var txt="";
for (var i = 0; i < emp.length; i++) {
txt+=emp[i].firstname+" "+emp[i].lastname+"<br>";
}
document.getElementById("demo").innerHTML = txt;
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| JSON(2) (0) | 2018.08.10 |
|---|---|
| javascript(10) onclick,onload,onChange (0) | 2018.08.05 |
| javascript(9) 화면전환,시간차로 글 띄우기 (0) | 2018.07.30 |
| javascript(8) 클릭시 다른페이지로 가기 (0) | 2018.07.30 |
| javascript(7) math.floor ,이름으로 값 넣기 (0) | 2018.07.30 |