배열 조작 마스터: 배열을 N 개의 청크로 분할하기 - JavaScript 튜토리얼

소개

이 랩에서는 JavaScript 에서 배열 조작에 대해 탐구해 보겠습니다. 특히, 배열을 지정된 크기의 더 작은 청크 (chunk) 로 분할하는 작업에 중점을 둘 것입니다. 이 랩을 통해 내장 JavaScript 메서드를 사용하여 배열을 효율적이고 효과적으로 조작하는 방법을 배우게 됩니다. 이 랩이 끝나면 JavaScript 에서 배열 조작에 대한 더 깊은 이해를 얻고 이러한 기술을 실제 문제 해결에 적용할 수 있게 될 것입니다.

배열을 N 개의 청크로 분할하는 방법

배열을 n개의 더 작은 배열로 분할하려면 다음 단계를 따르세요.

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
Math.ceil()과 Array.prototype.length를 사용하여 각 청크의 크기를 계산합니다.
Array.from()을 사용하여 크기가 n인 새 배열을 생성합니다.
Array.prototype.slice()를 사용하여 새 배열의 각 요소를 size 길이의 청크에 매핑합니다.
원래 배열을 균등하게 분할할 수 없는 경우, 마지막 청크에는 나머지 요소가 포함됩니다.

다음은 JavaScript 에서 chunkIntoN 함수의 예시 구현입니다.

const chunkIntoN = (arr, n) => {
  const size = Math.ceil(arr.length / n);
  return Array.from({ length: n }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );
};

이 함수를 사용하여 배열과 원하는 청크 수를 인수로 전달하여 배열을 n개의 청크로 분할할 수 있습니다. 예를 들어:

chunkIntoN([1, 2, 3, 4, 5, 6, 7], 4); // [[1, 2], [3, 4], [5, 6], [7]]

요약

축하합니다! 배열을 N 개의 청크로 분할하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.