[javascript] Lodash의 도구 함수들과 사용 예제
Lodash는 JavaScript 개발자들이 자주 사용하는 유용한 도구 함수들을 제공하는 라이브러리입니다. 이 글에서는 몇 가지 Lodash 도구 함수들과 그들의 사용 예제를 살펴보겠습니다.
1. _.map
_.map 함수는 배열의 각 요소에 대해 주어진 함수를 실행하고, 그 결과값으로 이루어진 새로운 배열을 반환합니다.
예시 코드:
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = _.map(numbers, (num) => num * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
2. _.filter
_.filter 함수는 배열에서 주어진 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환합니다.
예시 코드:
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = _.filter(numbers, (num) => num % 2 === 0);
console.log(evenNumbers); // [2, 4]
3. _.reduce
_.reduce 함수는 배열을 하나의 값으로 줄여줍니다. 주어진 함수를 사용하여 각 요소를 처리하고, 최종 결괏값을 반환합니다.
예시 코드:
const numbers = [1, 2, 3, 4, 5];
const sum = _.reduce(numbers, (acc, num) => acc + num, 0);
console.log(sum); // 15
4. _.orderBy
_.orderBy 함수는 주어진 속성을 기준으로 배열을 정렬하여 반환합니다.
예시 코드:
const users = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Tom', age: 35 }
];
const sortedUsers = _.orderBy(users, ['age'], ['asc']);
console.log(sortedUsers);
/*
[
{ name: 'Jane', age: 25 },
{ name: 'John', age: 30 },
{ name: 'Tom', age: 35 }
]
*/
5. _.groupBy
_.groupBy 함수는 주어진 속성을 기준으로 배열을 그룹화하여 반환합니다.
예시 코드:
const users = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Tom', age: 30 }
];
const groupedUsers = _.groupBy(users, 'age');
console.log(groupedUsers);
/*
{
25: [{ name: 'Jane', age: 25 }],
30: [{ name: 'John', age: 30 }, { name: 'Tom', age: 30 }]
}
*/
이상으로 몇 가지 Lodash의 도구 함수들과 그들의 사용 예제를 살펴보았습니다. Lodash는 다양한 유용한 함수들을 제공하므로, 프로젝트에서 사용할 수 있는 다양한 방법을 살펴보시는 것을 추천드립니다.
참고 자료
- Lodash 공식 문서: https://lodash.com/docs