JSON(JavaScript Object Notation)은 데이터를 표현하기 위한 일반적인 형식입니다. 많은 웹 애플리케이션에서 서버와의 데이터 교환 형식으로 사용되며, 자바스크립트에서 다루기 쉬운 형태로 제공됩니다. JSON 데이터를 자바스크립트 객체로 파싱하는 방법에 대해 알아보겠습니다.

JSON 파싱하기

JSON 데이터를 자바스크립트에서 사용하기 위해서는 JSON.parse() 메서드를 사용하여 파싱해야 합니다. 이 메서드는 JSON 형식의 문자열을 자바스크립트 객체로 변환합니다.

아래는 간단한 JSON 형식의 데이터를 파싱하는 예제입니다.

const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
const obj = JSON.parse(jsonString);

console.log(obj.name); // 출력: John
console.log(obj.age); // 출력: 30
console.log(obj.city); // 출력: New York

위의 예제에서 JSON.parse() 메서드를 사용하여 jsonString 변수에 할당된 JSON 데이터를 자바스크립트 객체로 변환합니다. 이후에 자바스크립트 객체의 속성에 접근하여 값을 가져올 수 있습니다.

JSON 배열 파싱하기

JSON에는 배열 형태를 표현하기 위해 대괄호([])를 사용합니다. 이러한 JSON 배열을 자바스크립트에서 파싱하는 방법을 알아보겠습니다.

const jsonArray = '[{"name": "John", "age": 30, "city": "New York"}, {"name": "Jane", "age": 25, "city": "London"}]';
const arr = JSON.parse(jsonArray);

console.log(arr[0].name); // 출력: John
console.log(arr[1].age); // 출력: 25
console.log(arr[1].city); // 출력: London

위의 예제에서 JSON.parse() 메서드를 사용하여 jsonArray 변수에 할당된 JSON 배열을 자바스크립트 배열로 변환합니다. 이후에 자바스크립트 배열의 인덱스를 이용하여 각 객체의 속성에 접근할 수 있습니다.

예외 처리하기

JSON.parse() 메서드는 유효한 JSON 형식의 문자열이 아닌 경우 예외를 발생시킵니다. 따라서 JSON 데이터를 파싱할 때에는 예외 처리를 해주는 것이 좋습니다.

const jsonString = '{"name": "John, "age": 30"}';

try {
  const obj = JSON.parse(jsonString);
  console.log(obj);
} catch (error) {
  console.log('JSON 파싱 에러:', error.message);
}

위의 예제에서 JSON 데이터의 형식이 올바르지 않기 때문에 JSON.parse() 메서드에 의해 예외가 발생합니다. 이를 try-catch 문으로 감싸서 예외를 처리하고 에러 메시지를 출력합니다.

결론

JSON 데이터를 자바스크립트로 파싱하는 과정은 간단하고 빠르게 처리할 수 있습니다. JSON.parse() 메서드를 사용하여 올바른 JSON 형식의 문자열을 자바스크립트 객체 또는 배열로 변환할 수 있습니다. 그러나 올바르지 않은 JSON 형식의 데이터는 예외가 발생하므로, 예외 처리를 통해 적절한 오류 핸들링을 해주어야 합니다.