Lodash는 자바스크립트 유틸리티 라이브러리로 많은 유용한 함수들을 제공합니다. 이 중에서도 데이터 저장 및 로드를 쉽게 처리할 수 있는 함수들이 있습니다. 이번 포스트에서는 Lodash의 데이터 저장 및 로드 함수들과 해당 함수들을 사용한 예제를 알아보겠습니다.
데이터 저장 함수 - Lodash _.set
Lodash의 _.set 함수는 주어진 객체에 값을 설정하는 함수입니다. 이 함수를 사용하면 특정 경로에 값을 저장할 수 있습니다. 다음은 _.set 함수의 사용 예제입니다.
const object = { 'a': [{ 'b': { 'c': 3 } }] };
_.set(object, 'a[0].b.c', 5);
console.log(object.a[0].b.c);
// 출력: 5
위 예제에서는 object 객체의 a[0].b.c 경로에 값을 저장하고 있습니다. console.log를 통해 값을 출력하면 저장한 값인 5가 나옵니다.
데이터 로드 함수 - Lodash _.get
Lodash의 _.get 함수는 주어진 객체에서 특정 경로의 값을 가져오는 함수입니다. 이 함수를 사용하면 저장된 값을 손쉽게 로드할 수 있습니다. 다음은 _.get 함수의 사용 예제입니다.
const object = { 'a': [{ 'b': { 'c': 5 } }] };
const value = _.get(object, 'a[0].b.c');
console.log(value);
// 출력: 5
위 예제에서는 object 객체에서 a[0].b.c 경로의 값을 가져오고 있습니다. value 변수에 저장된 값은 5입니다.
사용 예제 - Lodash로 데이터 저장 및 로드하기
위에서 소개한 _.set과 _.get 함수를 함께 사용하여 데이터를 저장하고 로드하는 예제를 살펴보겠습니다.
const data = {};
// 데이터 저장
_.set(data, 'name', 'John');
_.set(data, 'age', 30);
_.set(data, 'address.city', 'New York');
_.set(data, 'address.zip', '12345');
// 데이터 로드
const name = _.get(data, 'name');
const age = _.get(data, 'age');
const city = _.get(data, 'address.city');
const zip = _.get(data, 'address.zip');
console.log(name, age, city, zip);
// 출력: John 30 New York 12345
위 예제에서는 data 객체에 이름, 나이, 주소를 저장하고 로드하는 과정을 보여주고 있습니다. 각각의 값을 _.set 함수를 이용해 저장하고, _.get 함수를 이용해 로드하였습니다. 마지막으로 console.log를 통해 저장된 값들이 정상적으로 로드되었는지 확인할 수 있습니다.
결론
Lodash의 _.set과 _.get 함수를 사용하면 자바스크립트에서 데이터의 저장과 로드를 손쉽게 처리할 수 있습니다. 이러한 함수들을 효과적으로 활용하면 데이터 관리를 더욱 편리하게 할 수 있습니다.
참고 자료: