[Json] JSON.toParse() - 자바스크립트 객체로 변환하는 방법

   

 

JSON.parse() 메소드

JSON.stringify() 메소드와는 반대로 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다.

 

JSON.toParse(변환할 문자열);

인수는 변환할 문자열을 전달합니다.

이때 해당 문자열은 반드시 유효한 JSON 형식의 문자열이어야 합니다.

만약 JSON 형식에 맞지 않는 문자열을 전달하면, 자바스크립트는 오류를 발생시킬 것입니다.

 

 

다음 예제를 통하여 자세히 확인해봅시다.

<script>
  var cat = '{"name": "나비", "age": 2, "weight": 2.4}';

  var jsonData = JSON.parse(cat); // js 객체를 문자열로 변환
  document.getElementById("json").innerHTML = jsonData.name + "의 나이는" + jsonData.age + "살 입니다.";
</script>

<p id="json"></p>

 

출력 결과

---

하지만, 인수의 해당 문자열이 json 형식이 아니라면 다음과 같은 에러가 나타납니다.

 

그렇기 때문에 JSON.toParse() 메소드를 사용하실 때는 반드시 json 형식의 문자열을 인수로 받으셔야 합니다.