반응형
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는 배열의 요소를 주어진 크기만큼 하위 배열로 나눕니다.
- 마지막 그룹처리: 원본 배열의 길이가 나누려는 크기의 배수가 아닌경우, 마지막 하위 배열에는 남은 요소가 들어갑니다.
반응형
'내직업은 IT종사자 > javascript' 카테고리의 다른 글
debounce와 throttle의 개념 및 차이 (1) | 2024.11.29 |
---|---|
useRoute()로 라우팅 정보 가져오기 (0) | 2024.10.15 |
ECMA2022.js #을 사용해서 private variable, method 선언 방법 및 구조 (0) | 2024.08.08 |
ealry return 은 좋은 것일까? (0) | 2024.05.08 |
블로킹(Blocking)과 논블로킹(Non-blocking) 그리고 동기(synchronous) 과 비동기(asynchronous)의 정의 및 차이점 (헷갈리지않기!) (2) | 2024.05.01 |