자바스크립트 JSON.parse() 함수 사용하기

JSON.parse() 함수는 JavaScript에서 JSON 형식의 문자열을 파싱하고 JavaScript 객체로 변환하는 데 사용하는 함수입니다. 이것으로 JSON 문자열을 JavaScript 객체로 변환할 수 있습니다. JSON.parse() 함수는 주로 서버에서 받은 JSON 데이터를 JavaScript 객체로 변환하거나 웹 애플리케이션에서 JSON 데이터를 처리할 때 사용합니다. 이를 통해 데이터를 읽고 조작하는 데 유용하며, reviver 함수를 사용하여 파싱 중에 특정 값 변환을 수행할 수 있습니다.

 

 

 

◎ 1. JSON.parse() 함수

 

JSON.parse() 함수는 text로 지정된 JSON 형식의 문자열을 파싱하고 JavaScript 객체로 변환합니다. reviver는 선택적 매개변수로, 파싱 중에 값 변환을 지정할 수 있습니다.

 

JSON.parse(text, reviver)     text (문자열, 필수): JSON 형식의 문자열을 나타냅니다.     reviver (함수, 선택적): 값 변환을 지정하는 함수입니다. (옵션)

 

 

◎ 2. 사용 예제

 

(1) 기본 JSON.parse() 사용

 

const jsonString = '{"name": "John", "age": 30}';
const jsonObject = JSON.parse(jsonString);
 
console.log(jsonObject.name); // "John"
console.log(jsonObject.age); // 30
 
[출력]
John
30

 

예제에서 JSON.parse() 함수를 사용하여 JSON 형식의 문자열을 파싱하고 JavaScript 객체로 변환합니다. jsonObject 변수에 파싱된 객체가 저장되며, 이를 통해 객체의 속성에 접근할 수 있습니다.

 

 

(2) 날짜 변환과 reviver 사용

 

const jsonString = '{"date": "2023-10-13T12:00:00.000Z"}';
 
function dateReviver(key, value) {
    if (key === 'date') {
        return new Date(value);
    }
    return value;
}
 
const jsonObject = JSON.parse(jsonString, dateReviver);
 
console.log(jsonObject.date);
 
[출력]
2023-10-13T12:00:00.000Z

 

예제에서 JSON.parse() 함수와 reviver 함수를 사용하여 JSON 문자열에서 날짜를 변환합니다. dateReviver 함수는 "date" 키에 대한 값 변환을 처리하고 날짜 객체로 변환합니다.

 

 

(3) 오류 처리

 

const invalidJSON = '{"name": "John", "age": 30,}';
try {
    const jsonObject = JSON.parse(invalidJSON);
    console.log(jsonObject);
} catch (error) {
    console.error("JSON 파싱 오류: " + error.message);
}
 
[출력]
JSON 파싱 오류: Unexpected token } in JSON at position 27

 

예제에서 유효하지 않은 JSON 형식의 문자열을 파싱하려고 시도하고, 오류 처리를 통해 파싱 오류를 처리합니다.