Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript JSON.parse() 함수 – JSON 문자열을 객체로 변환하는 방법

JSON.parse() 함수는 JSON 형식의 문자열을 인수로 받아, 주어진 텍스트를 분석한 뒤 이를 기반으로 자바스크립트 객체를 생성하여 반환합니다. 서버로부터 전달받은 JSON 데이터를 실제 코드에서 다룰 수 있는 객체로 변환할 때 반드시 사용되는 핵심 함수입니다.

문법(Syntax)

JSON.parse() 함수의 기본 문법은 다음과 같습니다.

JSON.parse(text[, reviver]);
  • text: 파싱할 JSON 문자열
  • reviver(선택 사항): 변환된 값을 원하는 형태로 가공할 때 사용하는 콜백 함수

예제(Example)

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var jsonSample = '{"Tutorial": "Java", "Version":8 }';
        jsonObj = JSON.parse(jsonSample);
        document.write("Tutorial Name: " + jsonObj.Tutorial);
        document.write("<br>");
        document.write("Tutorial Version: " + jsonObj.Version);
    </script>
</body>
</html>

실행 결과(Output)

Tutorial Name: Java
Tutorial Version: 8

코드 설명

위 예제에서는 변수 jsonSample에 JSON 형식의 문자열을 저장한 후, JSON.parse() 함수에 전달하여 객체로 변환했습니다. 변환된 객체 jsonObj는 일반 자바스크립트 객체처럼 점(.) 표기법을 사용해 각 속성 값에 접근할 수 있으며, document.write()를 통해 튜토리얼 이름과 버전이 화면에 출력됩니다.

참고로, 전달된 문자열이 유효한 JSON 형식이 아닐 경우 SyntaxError가 발생하므로, 외부 데이터를 파싱할 때는 try...catch 문으로 오류 처리를 함께 구현하는 것이 좋습니다.