JavaScript - split array into chunks

In this article, we would like to show you how to split array into chunks using JavaScript.

Quick solution:

// ONLINE-RUNNER:browser;

const array = [1, 2, 3, 4, 5, 6, 7];

const chunkSize = 3;

for (let i = 0; i < array.length; i += chunkSize) {
    const chunk = array.slice(i, i + chunkSize);
    console.log(chunk);
}

Practical example

In this example, we create a reusable arrow function that splits the array into chunks with given chunkSize.

// ONLINE-RUNNER:browser;

const splitArray = (array, chunkSize) => {
    for (let i = 0; i < array.length; i += chunkSize) {
      const chunk = array.slice(i, i + chunkSize);

      // Do something with chunks e.g:
      console.log(chunk);
    }
}


// Usage example:

const array = [1, 2, 3, 4, 5, 6, 7]

splitArray(array, 3);

Note:

The last chunk's size may be different than chunkSize. Its size is equal to the number of the remaining elements.

References

1. Array.prototype.slice() - JavaScript | MDN