[javascript] Lodash의 데이터 요약 함수들과 사용 예제
Lodash는 자바스크립트 유틸리티 라이브러리로, 다양한 데이터 조작 함수를 제공하여 개발자들이 효율적인 코드를 작성할 수 있도록 도와줍니다. 이번 포스트에서는 Lodash의 데이터 요약 함수들과 사용 예제를 살펴보겠습니다.
1. sumBy
sumBy 함수는 주어진 배열에서 객체의 특정 프로퍼티 값을 모두 더해줍니다. 아래는 sumBy 함수의 기본 사용 방법입니다.
const arr = [{ name: 'apple', price: 1 }, { name: 'banana', price: 2 }, { name: 'orange', price: 3 }];
const total = _.sumBy(arr, 'price'); // 6
위 예제에서는 arr 배열의 각 객체의 price 프로퍼티 값을 모두 더한 결과인 6을 반환합니다.
2. groupBy
groupBy 함수는 주어진 배열을 특정 프로퍼티를 기준으로 그룹화해줍니다. 아래는 groupBy 함수의 사용 예제입니다.
const arr = [{ name: 'apple', type: 'fruit' }, { name: 'carrot', type: 'vegetable' }, { name: 'banana', type: 'fruit' }];
const grouped = _.groupBy(arr, 'type');
/*
{
fruit: [
{ name: 'apple', type: 'fruit' },
{ name: 'banana', type: 'fruit' }
],
vegetable: [
{ name: 'carrot', type: 'vegetable' }
]
}
*/
위 코드에서는 arr 배열의 type 프로퍼티를 기준으로 객체를 그룹화한 결과를 반환합니다.
3. orderBy
orderBy 함수는 주어진 배열을 특정 프로퍼티를 기준으로 정렬해줍니다. 아래는 orderBy 함수의 사용 예제입니다.
const arr = [{ name: 'apple', price: 2 }, { name: 'banana', price: 1 }, { name: 'orange', price: 3 }];
const sorted = _.orderBy(arr, 'price', 'asc');
/*
[
{ name: 'banana', price: 1 },
{ name: 'apple', price: 2 },
{ name: 'orange', price: 3 }
]
*/
위 코드에서는 arr 배열을 price 프로퍼티를 기준으로 오름차순으로 정렬한 결과를 반환합니다.
결론
이번 포스트에서는 Lodash의 데이터 요약 함수들과 사용 예제를 간단하게 살펴보았습니다. Lodash는 우리가 데이터를 조작하고 처리할 때 편리한 함수들을 제공해주므로, 프로젝트에서 활용해보시길 추천합니다.
더 많은 Lodash 함수와 사용 예제는 Lodash 공식 문서에서 확인할 수 있습니다.