JavaScript에서 배열 청크

문자열/숫자 리터럴의 배열 arr을 첫 번째 인수로, 숫자 n을 두 번째 인수로 취하는 함수 chunk()를 작성해야 합니다.

각각 최대 arr.length / elements를 포함하는 n개의 하위 배열로 구성된 배열을 반환해야 합니다. 그리고 요소의 분포는 다음과 같아야 합니다 -

첫 번째 요소는 첫 번째 하위 배열에, 두 번째는 두 번째, 세 번째는 세 번째 등으로 이동합니다. 각 하위 배열에 하나의 요소가 있으면 첫 번째 하위 배열을 두 번째 요소로 채우는 것으로 다시 시작합니다. 마찬가지로, 모든 하위 배열에 두 개의 요소가 있어야만 첫 번째 배열의 세 번째 요소를 채우는 식으로 계속됩니다.

예를 들어 -

// if the input array is:
const input = [1, 2, 3, 4, 5, 6];
//then the output should be:
const output = [
   [1, 4],
   [2, 5],
   [3, 6]
];

이 함수에 대한 코드를 작성해 보겠습니다. 원하는 배열을 구성하기 위해 originalarray에 대해 Array.prototype.reduce() 메서드를 사용합니다. 이에 대한 코드는 -

예시

const input = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const chunk = (arr, size) => {
   return arr.reduce((acc, val, ind) => {
      const subIndex = ind % size;
      if(!Array.isArray(acc[subIndex])){
         acc[subIndex] = [val];
      } else {
         acc[subIndex].push(val);
      };
      return acc;
   }, []);
};
console.log(chunk(input, 4));

출력

콘솔의 출력은 다음과 같습니다. -

[ [ 1, 5, 9 ], [ 2, 6 ], [ 3, 7 ], [ 4, 8 ] ]