Colin's Blog
[javascript] Lodash의 컬렉션 관련 함수들과 사용 예제

Lodash는 JavaScript 유틸리티 라이브러리로, 다양한 기능을 제공합니다. 특히, 컬렉션 데이터를 다루는 함수들은 개발자들에게 많은 도움을 줍니다. 이번 글에서는 Lodash의 주요 컬렉션 관련 함수들과 사용 예제를 알아보겠습니다.

forEach

Lodash의 forEach 함수는 배열 또는 객체의 각 요소에 대해 지정된 함수를 실행합니다.

사용 예제:

const numbers = [1, 2, 3, 4, 5];

_.forEach(numbers, function(num) {
  console.log(num);
});

/*
결과:
1
2
3
4
5
*/

map

map 함수는 배열 또는 객체의 각 요소에 대해 지정된 함수를 실행하고, 그 결과를 새로운 배열로 반환합니다.

사용 예제:

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = _.map(numbers, function(num) {
  return num * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

filter

filter 함수는 배열 또는 객체의 요소 중에서 지정된 조건을 만족하는 요소들로 이루어진 배열을 반환합니다.

사용 예제:

const numbers = [1, 2, 3, 4, 5];

const evenNumbers = _.filter(numbers, function(num) {
  return num % 2 === 0;
});

console.log(evenNumbers); // [2, 4]

reduce

reduce 함수는 배열 또는 객체의 요소를 하나씩 순회하면서 지정된 함수를 실행하고, 누적된 결과값을 반환합니다.

사용 예제:

const numbers = [1, 2, 3, 4, 5];

const sum = _.reduce(numbers, function(acc, num) {
  return acc + num;
}, 0);

console.log(sum); // 15

sortBy

sortBy 함수는 배열 또는 객체의 요소를 지정된 정렬 기준에 따라 정렬한 후 반환합니다.

사용 예제:

const users = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 },
  { name: 'Alice', age: 20 }
];

const sortedUsers = _.sortBy(users, ['age']);

console.log(sortedUsers);
/*
결과:
[
  { name: 'Alice', age: 20 },
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 }
]
*/

참고 자료

Lodash의 컬렉션 관련 함수들은 데이터 처리를 간편하고 효율적으로 할 수 있도록 도와줍니다. 다양한 함수들을 활용하여 프로젝트 개발 시 작업 효율을 높일 수 있습니다. 해당 함수들의 자세한 사용법은 Lodash 공식 문서를 참고하시기 바랍니다.

© 2018 Colin. All rights reserved.