자바스크립트를 사용하여 JSON 데이터를 다루는 방법
JSON(JavaScript Object Notation)은 데이터를 표현하기 위한 경량의 형식입니다. 자바스크립트에서는 JSON을 다루기 위해 다양한 메서드와 함수를 제공합니다. 이 블로그 포스트에서는 자바스크립트를 사용하여 JSON 데이터를 다루는 방법에 대해 알아보겠습니다.
JSON.stringify()
JSON.stringify() 함수는 자바스크립트의 객체나 배열을 JSON 문자열로 변환해줍니다.
const data = { name: 'John', age: 30 };
const jsonString = JSON.stringify(data);
console.log(jsonString);
출력 결과:
{"name":"John","age":30}
JSON.parse()
JSON.parse() 함수는 JSON 문자열을 자바스크립트 객체로 변환해줍니다.
const jsonString = '{"name":"John","age":30}';
const data = JSON.parse(jsonString);
console.log(data.name); // 'John'
console.log(data.age); // 30
JSON 데이터에 접근하기
JSON 객체나 배열에 존재하는 특정 속성에 접근하려면, 점(.) 또는 대괄호([]) 표기법을 사용할 수 있습니다.
const data = {"name":"John","age":30};
console.log(data.name); // 'John'
console.log(data["age"]); // 30
JSON 데이터 수정하기
JSON 데이터를 수정하려면, 해당 속성에 접근하여 값을 변경하면 됩니다.
const data = {"name":"John","age":30};
data.name = "Jane";
console.log(data); // {"name":"Jane","age":30}
JSON 데이터 추가하기
JSON 데이터에 새로운 속성을 추가하기 위해서는 해당 속성에 값을 할당하면 됩니다.
const data = {"name":"John","age":30};
data.city = "New York";
console.log(data); // {"name":"John","age":30,"city":"New York"}
JSON 데이터 삭제하기
JSON 데이터에서 특정 속성을 삭제하기 위해서는 delete 연산자를 사용합니다.
const data = {"name":"John","age":30,"city":"New York"};
delete data.city;
console.log(data); // {"name":"John","age":30}
JSON 데이터를 다루는 방법에 대해 알아보았습니다. 이러한 기본적인 메서드와 함수를 사용하여 JSON 데이터를 조작하고 활용할 수 있습니다. JSON은 다양한 웹 서비스에서 데이터 교환을 위한 표준 형식으로 널리 사용되므로, 자바스크립트에서 JSON을 다룰 줄 아는 것은 중요합니다.