[Javascript] JSON.parse 함수


안녕하세요. 명월입니다.


저번 글에서는 JSON.stringify를 함수를 이용해서 클래스 형식의 데이터를 JSON으로 변환하는 것에 대해 소개하였습니다.


이번 글는 반대로 Json형식으로 된 string값을 Object형식으로 변환하는 자바스크립트의 내장함수인 JSON.parson에 대해 소개하겠습니다.


JSON.parson 함수의 사용방법은 JSON.stringify의 반대 형식으로 Json형식으로 된 String 형식을 파라미터로 넣으면 Object형식의 데이터가 반환됩니다.

<!doctype html>
<html lang="kr">
  <head>
    <script>
      window.onload = function(){
        // json값을 취득해 온다.
        var data = document.getElementById("data").innerHTML;
        // object형식으로 변환
        var obj = JSON.parse(data);
        console.log(obj);
        // object형식의 result2의 값은?
        console.log(obj.result2);
      }
    </script>
  </head>
  <body>
    <span id="data">{"result1":"test","result2":"test2","result3":"test3"}</span>
  </body>
</html>

span태그에서 json형식으로 된 값을 가져와서 JSON.parse함수를 이용해서 object로 변환했습니다.

콘솔 로그를 보니 확실히 object 형식으로 변환되었습니다. 그럼 json 형식으로 있을 때 키 result2의 값을 출력해 보니 test2의 값이 나옵니다.