본문 바로가기

내직업은 IT종사자/javascript

lodash 라이브러리 chunk 란?

반응형

 

 

Lodash 라이브러리 chunk 란?

 

Lodash란?


javascript에서 데이터를 쉽게 다루기 위한 유틸리티 라이브러리입니다.

Lodash를 사용하면 다양한 함수들을 제공하여 배열, 객체, 문자열 등의 데이터 처리를 효율적으로 수행할 수 있씁니다. 

특히 반복작업, 깊은객체복사, 배열 변형, 객체비교 등  복잡하게 구현해야하는 코드를  해당 라이브러리를 사용하여 간편하게 처리할 수 있습니다.

 

 

 

Lodash chunk란?


chunk 함수는 배열을 특정 크기만큼 나누어 여러 개의 하위 배열로 분할하는 유틸리티 함수입니다. 즉, 배열을 일정한 크기의 덩어리로 나누고 싶을 때 유용하게 사용할 수 있습니다.

 

 

 

Lodash chunk 사용법 및 예시


_.chunk(array, size);

 

  • array: 분할할 원본 배열
  • size: 각 하위 배열의 크기. 기본값은 1

 

<예시>

const _ = require('lodash');

const array = [1, 2, 3, 4, 5, 6, 7];
const chunkedArray = _.chunk(array, 2);

console.log(chunkedArray); // [[1, 2], [3, 4], [5, 6], [7]]

 

  • 배열 [1, 2, 3, 4, 5, 6, 7]이 각 덩어리가 2개씩인 배열로 분할
  • 마지막 배열은 남은 요소 [7]로 구성

 

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];

console.log(_.chunk(numbers, 3)); // [[1, 2, 3], [4, 5, 6], [7, 8, 9]]



 

활용사례


  • 화면에서 데이터를 페이지별로 나누어 표시할 때:  데이터가 많지않는경우 가벼운 페이지 네이션을 프론트앤드에서 구현할 경우
  • 대량의 데이터를 균등한 작업 단위로 분할할 때.

 

 

요약


- 동일한 크기로 분할: chunk는 배열의 요소를 주어진 크기만큼 하위 배열로 나눕니다.

- 마지막 그룹처리: 원본 배열의 길이가 나누려는 크기의 배수가 아닌경우, 마지막 하위 배열에는 남은 요소가 들어갑니다. 

반응형