[javascript] Lodash의 배열 관련 함수들과 사용 예제

21 Nov 2023

javascript

Lodash는 자바스크립트 유틸리티 라이브러리로, 배열과 관련된 다양한 함수를 제공합니다. 이번 글에서는 Lodash의 배열 함수들과 그들의 사용 예제에 대해 알아보겠습니다.

배열 생성 함수

_.chunk(arr, size)

_.chunk 함수는 주어진 배열을 원하는 크기로 나누어 이차원 배열로 반환합니다.

사용 예제:

const arr = [1, 2, 3, 4, 5, 6];
const chunkedArray = _.chunk(arr, 2);
console.log(chunkedArray);
// Output: [[1, 2], [3, 4], [5, 6]]

_.compact(arr)

_.compact 함수는 주어진 배열에서 falsy한 값을 제거하여 새로운 배열로 반환합니다.

사용 예제:

const arr = [1, null, "hello", undefined, 0, false];
const compactedArray = _.compact(arr);
console.log(compactedArray);
// Output: [1, "hello"]

배열 변형 함수

_.concat(arr, […values])

_.concat 함수는 주어진 배열과 다른 값들을 연결하여 새로운 배열로 반환합니다.

사용 예제:

const arr = [1, 2];
const newArray = _.concat(arr, 3, [4], [[5]]);
console.log(newArray);
// Output: [1, 2, 3, 4, [5]]

_.flatten(arr)

_.flatten 함수는 다차원 배열을 단일 차원으로 펼쳐서 반환합니다.

사용 예제:

const arr = [1, [2, [3, [4]], 5]];
const flattenedArray = _.flatten(arr);
console.log(flattenedArray);
// Output: [1, 2, 3, 4, 5]

배열 검색 함수

_.includes(arr, value, [fromIndex=0])

_.includes 함수는 주어진 배열에서 특정 값이 존재하는지 확인합니다.

사용 예제:

const arr = [1, 2, 3, 4, 5];
const includesValue = _.includes(arr, 3);
console.log(includesValue);
// Output: true

_.indexOf(arr, value, [fromIndex=0])

_.indexOf 함수는 주어진 배열에서 특정 값의 인덱스를 반환합니다.

사용 예제:

const arr = [1, 2, 3, 2, 1];
const index = _.indexOf(arr, 2);
console.log(index);
// Output: 1

배열 정렬 함수

_.sortBy(arr, [iteratees=[_.identity]])

_.sortBy 함수는 주어진 배열을 특정 조건에 따라 정렬된 상태로 반환합니다.

사용 예제:

const arr = [{ name: 'John', age: 30 }, { name: 'Jane', age: 25 }, { name: 'Adam', age: 35 }];
const sortedArray = _.sortBy(arr, 'age');
console.log(sortedArray);
/* Output: 
[
  { name: 'Jane', age: 25 },
  { name: 'John', age: 30 },
  { name: 'Adam', age: 35 }
]
*/

마치며

이상으로 Lodash의 배열 관련 함수들과 그들의 사용 예제에 대해 알아보았습니다. Lodash는 배열 처리를 간편하게 해주는 많은 함수를 제공하므로 프로젝트에서 유용하게 활용할 수 있을 것입니다. 자세한 내용은 Lodash 공식 문서를 참고하시기 바랍니다.

참고 자료

Lodash 공식 문서: https://lodash.com/docs