• 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 |