JSON 데이터는 웹 개발에서 광범위하게 사용되는 형식입니다. 이러한 데이터를 수정하는 것은 매우 중요한 작업입니다. 자바스크립트를 사용하여 JSON 데이터를 수정하는 방법을 알아보겠습니다.

1. JSON 데이터 로드하기

우선, JSON 데이터를 자바스크립트에서 사용하기 위해 불러와야 합니다. 이를 위해 JSON.parse() 함수를 사용합니다. 예를 들어, 다음과 같은 JSON 데이터가 있다고 가정해봅시다.

const jsonData = '{"name": "John", "age": 30, "city": "New York"}';

다음과 같이 JSON.parse() 함수를 사용하여 이 데이터를 자바스크립트 객체로 변환할 수 있습니다.

const data = JSON.parse(jsonData);

이제 data 변수는 다음과 같은 자바스크립트 객체를 저장하고 있습니다.

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

2. JSON 데이터 수정하기

자바스크립트 객체로 변환한 JSON 데이터를 수정하기 위해서는 해당 속성에 접근하여 값을 변경하면 됩니다. 예를 들어, name 속성 값을 “Alice”로 변경하고 싶다면 다음과 같이 할 수 있습니다.

data.name = "Alice";

이제 data 객체는 다음과 같이 변경되었습니다.

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

3. 수정된 JSON 데이터 문자열로 변환하기

JSON 데이터를 수정한 후에는 다시 문자열로 변환해야 합니다. 이를 위해 JSON.stringify() 함수를 사용합니다. 예를 들어, data 객체를 다시 JSON 형식의 문자열로 변환하고 싶다면 다음과 같이 할 수 있습니다.

const modifiedJsonData = JSON.stringify(data);

이제 modifiedJsonData 변수에는 다음과 같은 JSON 형식의 문자열이 저장되었습니다.

'{"name":"Alice","age":30,"city":"New York"}'

이제 수정된 JSON 데이터를 다시 사용할 수 있습니다.

요약

자바스크립트를 사용하여 JSON 데이터를 수정하는 것은 매우 간단합니다. 데이터를 자바스크립트 객체로 변환한 후에는 해당 속성에 접근하여 값을 수정하면 됩니다. 수정된 데이터를 다시 문자열로 변환하면 최종적으로 수정된 JSON 형식의 데이터를 사용할 수 있습니다.