JSON(JavaScript Object Notation)은 간결하고 가독성이 좋은 데이터 교환 형식입니다. 때때로, JSON 데이터에서 특정 속성값을 찾거나 추출해야 할 때가 있습니다. 이 글에서는 JavaScript를 사용하여 JSON 데이터에서 원하는 속성값을 찾는 방법에 대해 알아보겠습니다.

JSON 데이터 구조

우선, JSON 데이터의 구조를 이해하는 것이 중요합니다. JSON은 키-값 쌍의 집합으로 구성되며, 중괄호 {} 안에 키와 값이 콜론 :으로 연결된 형태입니다. 다음은 간단한 JSON 데이터의 예시입니다.

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

이 예제에서 “name”, “age”, “city”는 각각 키이고, 그 값은 각각 “John Doe”, 30, “New York”입니다.

JavaScript를 사용한 값 찾기

JavaScript에서는 JSON 데이터의 특정 속성값을 찾기 위해 JSON.parse() 메서드를 사용하여 JSON 문자열을 객체로 변환한 후, 객체의 속성에 직접 접근합니다. 다음은 간단한 예제입니다.

// JSON 데이터
const jsonData = '{"name": "John Doe", "age": 30, "city": "New York"}';

// JSON 데이터를 JavaScript 객체로 변환
const obj = JSON.parse(jsonData);

// 속성값 찾기
const name = obj.name;
const age = obj.age;
const city = obj.city;

console.log(name); // "John Doe"
console.log(age); // 30
console.log(city); // "New York"

위 코드에서 JSON.parse() 메서드를 사용하여 JSON 데이터를 JavaScript 객체로 변환한 뒤, 원하는 속성값에 직접 접근할 수 있습니다.

배열 형태의 데이터에서 값 찾기

JSON 데이터가 배열 형태인 경우에는 인덱스를 사용하여 값을 찾을 수 있습니다.

[
  {"name": "John Doe", "age": 30},
  {"name": "Jane Smith", "age": 25}
]

// JSON 배열 데이터
const jsonArray = '[{"name": "John Doe", "age": 30}, {"name": "Jane Smith", "age": 25}]';

// JSON 배열 데이터를 JavaScript 배열로 변환
const arr = JSON.parse(jsonArray);

// 값 찾기
const firstPersonName = arr[0].name;
const firstPersonAge = arr[0].age;

console.log(firstPersonName); // "John Doe"
console.log(firstPersonAge); // 30

결론

JSON 데이터에서 특정 속성값을 찾는 것은 JavaScript에서 매우 간단하게 처리할 수 있습니다. JSON.parse()를 사용하여 JSON 데이터를 JavaScript 객체나 배열로 변환한 후, 원하는 속성값에 접근할 수 있습니다. JSON 데이터를 다룰 때 이러한 기본적인 원리를 이해하고 활용할 수 있다면, 데이터 처리 작업을 보다 효율적으로 수행할 수 있을 것입니다.