JSON (JavaScript Object Notation)은 데이터를 일관성 있고 구조적으로 표현하기 위한 형식입니다. 자바스크립트에서 JSON 데이터를 다루기 위해서는 특정한 라이브러리를 사용할 수 있습니다. 이번 글에서는 자바스크립트에서 JSON 데이터를 다루는 몇 가지 인기있는 라이브러리에 대해 소개하겠습니다.

1. JSON.parse()와 JSON.stringify()

JSON 데이터를 다루기 위한 가장 기본적인 방법은 자바스크립트 내장 함수인 JSON.parse()와 JSON.stringify()를 사용하는 것입니다. JSON.parse() 함수는 JSON 형식의 문자열을 자바스크립트 객체로 변환해주고, JSON.stringify() 함수는 자바스크립트 객체를 JSON 형식의 문자열로 변환해줍니다.

예시 코드:

var jsonStr = '{"name":"John", "age":30, "city":"New York"}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 출력 결과: John

var obj = {name: "John", age: 30, city: "New York"};
var jsonStr = JSON.stringify(obj);
console.log(jsonStr); // 출력 결과: {"name":"John","age":30,"city":"New York"}

2. lodash

lodash는 자바스크립트 유틸리티 라이브러리로서, 다양한 기능과 유틸리티 함수를 제공합니다. lodash를 이용하면 JSON 데이터를 다루는데 유용한 함수들을 사용할 수 있습니다. 예를 들어, _.get() 함수를 사용하여 중첩된 JSON 객체의 값을 가져올 수 있고, _.set() 함수를 사용하여 값을 설정할 수도 있습니다.

예시 코드:

var obj = {name: {first: "John", last: "Doe"}, age: 30};
var firstName = _.get(obj, "name.first");
console.log(firstName); // 출력 결과: John

_.set(obj, "name.last", "Smith");
console.log(obj); // 출력 결과: {name: {first: "John", last: "Smith"}, age: 30}

3. Underscore.js

Underscore.js는 lodash와 비슷한 자바스크립트 유틸리티 라이브러리로서, JSON 데이터를 다루는데에도 사용할 수 있습니다. lodash와의 주요 차이점은 lodash가 더 많은 기능을 제공한다는 점입니다. 하지만, 필요한 기능이 적은 경우에는 Underscore.js를 사용하는 것도 좋은 선택입니다.

예시 코드:

var obj = {name: "John", age: 30};
var keys = _.keys(obj);
console.log(keys); // 출력 결과: ["name", "age"]

var values = _.values(obj);
console.log(values); // 출력 결과: ["John", 30]

위에서 소개한 라이브러리들을 사용하면 자바스크립트에서 JSON 데이터를 다루는데 편리한 기능들을 사용할 수 있습니다. 각 라이브러리의 공식 문서를 참고하여 더 다양한 기능들을 사용할 수 있습니다.

#JSON #자바스크립트 #라이브러리