Chunk iterable

Angelos Chalaris · JavaScript, Function, Generator, Array · Mar 16, 2021

Chunks an iterable into smaller arrays of a specified size.

  • Use a for...of loop over the given iterable, using Array.prototype.push() to add each new value to the current chunk.
  • Use Array.prototype.length to check if the current chunk is of the desired size and yield the value if it is.
  • Finally, use Array.prototype.length to check the final chunk and yield it if it's non-empty.
const chunkify = function* (itr, size) {
  let chunk = [];
  for (const v of itr) {
    if (chunk.length === size) {
      yield chunk;
      chunk = [];
  if (chunk.length) yield chunk;
const x = new Set([1, 2, 1, 3, 4, 1, 2, 5]);
[...chunkify(x, 2)]; // [[1, 2], [3, 4], [5]]

Recommended snippets & collections

  • JavaScript generator functions are a more advanced yet very powerful JavaScript ES6 feature, which you can start using in your code right now.

  • Unfold array

    JavaScript, Function

    Builds an array, using an iterator function and an initial seed value.

  • Generator to array

    JavaScript, Function

    Converts the output of a generator function to an array.

  • Cycle generator

    JavaScript, Function

    Creates a generator, looping over the given array indefinitely.