• JSON 데이터는 이름과 값의 쌍으로 이루어집니다.
• JSON 데이터는 쉼표(,)로 나열됩니다.
• 객체(object)는 중괄호({})로 둘러쌓아 표현합니다.
• 배열(array)은 대괄호([])로 둘러쌓아 표현합니다.
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>json</title>
<script>
var book = {
name:'first java',
price : 25000,
publisher : 'FIRST'
};
// 자바 스크립트의 오브젝트를 > String(JSON규격)
// JSON.stringify(자바스크립트 오브젝트) : String으로 반환
var jsonStr = JSON.stringify(book);
window.onload = function(){
document.getElementById('view').innerHTML=jsonStr;
var str= '{"name":"first java","price":25000,"publisher":"FIRST"}';
// json String > 자바 오브젝트
var obj = JSON.parse(str);
console.log(typeof(obj));
console.log(obj);
};
</script>
</head>
<body>
<h1 id="view"></h1>
</body>
</html>
'front-end > Javascript & jquery' 카테고리의 다른 글
| [자바스크립트] 문서 객체 가져오기 / getElementById / querySelector (0) | 2020.11.30 |
|---|---|
| [자바스크립트] 문서객체 만들기 / createElement / createTextNode (0) | 2020.11.30 |
| [자바스크립트] onload (0) | 2020.11.30 |
| [자바스크립트] 윈도우 객체 (0) | 2020.11.30 |
| [자바스크립트] 객체와 배열 (0) | 2020.11.27 |
| [자바스크립트] 함수 / settimeout / setinterval (0) | 2020.11.27 |
| [자바스크립트] 기본 (0) | 2020.11.27 |