본문 바로가기
JS/JS-basic

JS - JSON파서

by 임혁진 2024. 1. 28.

JSON 은 JS의 객체이다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //원격 어딘가에서 데이터를 보내거나 받을 때, JSON형식을 많이 사용합니다.
        //데이터를 전송 할 때, 전달되는 데이터는 문자열 이어야 합니다.

        var obj = {
            name : "홍길동",
            count : 1,
            date : [
                {id: "1",title:"hello"},
                {id: "2",title:"bye"}
            ]
        }

        //obj -> json형식 문자열 반환
        
        console.log('JSON : '+JSON.stringify(obj));

        var str = JSON.stringify(obj)
        
        //json형식 문자열 -> obj

       var o = JSON.parse(str);
       console.log(o);

       //단 , json형식의 문자열을 obj로 변경할 때 , 아주 엄격한 규칙이 하나 있다.

       //    var o2 = JSON.parse('{id:1, name: "홍길동"}'); 에러 --> 키는 무조건 ""로 묶여야한다 

       var o2 = JSON.parse('{"id":1 , "name": "홍길동"}');
       
       console.log(o2);

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

 

'JS > JS-basic' 카테고리의 다른 글

JS - 객체  (0) 2024.01.28
JS -클로저 은닉  (0) 2024.01.28
JS - 변수의 유효범위 , 클로저  (1) 2024.01.28
JS-함수,익명함수,즉시실행함수,  (0) 2024.01.28
JS - 반복문 , 객체 담기  (1) 2024.01.28