[javascript] JSON 데이터에서 특정 속성값 가져오기

JSON(JavaScript Object Notation)은 데이터를 효율적으로 표현하기 위한 경량의 데이터 교환 형식입니다. 자바스크립트에서는 JSON 객체를 사용하여 데이터를 다룰 수 있습니다. 특정 속성값을 가져오기 위해서는 객체의 속성을 참조하면 됩니다.

JSON 파싱하기

JSON 데이터를 다루기 위해선 우선 JSON 데이터를 파싱하여 자바스크립트 객체로 만들어야 합니다. 이를 위해 JSON.parse() 메서드를 사용합니다.

const jsonStr = '{"name": "John", "age": 30, "car": null}';
const jsonObj = JSON.parse(jsonStr);

위 예시에서 jsonStr은 JSON 형식의 문자열이며, JSON.parse()를 통해 jsonObj는 JSON에서 파생된 자바스크립트 객체입니다.

특정 속성값 가져오기

파싱된 JSON 객체의 속성에 접근하여 특정 속성값을 가져오려면 해당 속성명을 사용합니다.

console.log(jsonObj.name); // "John"
console.log(jsonObj.age); // 30

위 코드에서 jsonObj 객체의 name 속성과 age 속성의 값을 가져오고 있습니다.

위의 예제에서 jsonObj는 객체를 나타냅니다. 따라서 동일한 방법으로 중첩된 속성값도 가져올 수 있습니다.

const nestedJsonStr = '{"user": {"name": "John", "age": 30}}';
const nestedJsonObj = JSON.parse(nestedJsonStr);
console.log(nestedJsonObj.user.name); // "John"
console.log(nestedJsonObj.user.age); // 30

결론

JSON 데이터에서 특정 속성값을 가져오기 위해, 먼저 JSON을 파싱하여 자바스크립트 객체로 만든 후 해당 객체의 속성에 접근하는 방식을 사용합니다.

참고 자료