JSON 데이터를 자바스크립트 객체로 변환하는 방법

15 Sep 2023

javascript

JSON (JavaScript Object Notation)은 데이터를 효율적으로 표현하기 위한 경량의 데이터 교환 형식입니다. 자바스크립트에서 JSON 데이터를 다룰 때는 JSON.parse() 메서드를 사용하여 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을 자바스크립트 객체로 변환하고, 변환된 객체를 obj 변수에 할당합니다. 그 후에는 obj 객체의 속성에 접근하여 필요한 데이터를 가져올 수 있습니다.

JSON 데이터 구조

JSON 데이터는 일반적으로 중괄호({})로 둘러싸여 있으며, 속성과 값 쌍의 목록으로 구성됩니다. 각 속성은 쌍따옴표로 둘러싸여 있으며, 속성과 값을 콜론(:)으로 구분합니다. 값은 문자열, 숫자, 불리언, 배열, 객체, null 등의 데이터 형식이 될 수 있습니다.

예시:

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

요약

JSON 데이터를 자바스크립트 객체로 변환하는 방법은 간단합니다. JSON 문자열을 JSON.parse() 메서드를 사용하여 자바스크립트 객체로 변환하면 됩니다. 이를 통해 웹 애플리케이션에서 JSON 데이터를 쉽게 다룰 수 있습니다.

#JSON #JavaScript #자바스크립트 #JSON데이터 #자바스크립트객체