Split array into chunks of N length [duplicate]

by

It could be something like that:

var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];

var arrays = [], size = 3;
    
while (a.length > 0)
  arrays.push(a.splice(0, size));

console.log(arrays);

See splice Array’s method.

An alternative method that does not mutate the array, beside create a shallow copy of it before chunk it, could be done by using slice and a for…loop:

var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];

var arrays = [], size = 3;
    
for (let i = 0; i < a.length; i += size)
   arrays.push(a.slice(i, i + size));

console.log(arrays);

While a more functional programming oriented approach, could be:

const chunks = (a, size) =>
    Array.from(
        new Array(Math.ceil(a.length / size)),
        (_, i) => a.slice(i * size, i * size + size)
    );

let a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];

console.log(chunks(a, 3));
console.log(chunks(a, 2));

See Array.from and how new Array(n) works, specifically.

More Related Contents:

  1. Sorting array of object based on range of Numbers of String [closed]
  2. How to get all the values associated with an object in array?
  3. Sort array of objects by string property value
  4. How to determine if Javascript array contains an object with an attribute that equals a given value?
  5. How to remove item from array by value? [duplicate]
  6. Javascript swap array elements
  7. How to add an object to an array
  8. How to detect if a variable is an array
  9. How can I check if the array of objects have duplicate property values?
  10. JavaScript Loops: for…in vs for
  11. Difference and intersection of two arrays containing objects
  12. What is the most efficient way to reverse an array in Javascript?
  13. How can I find matching values in two arrays? [duplicate]
  14. Sort an array with arrays in it by string
  15. Unpacking array into separate variables in JavaScript
  16. How can I reverse an array in JavaScript without using libraries?
  17. Remove all falsy values from an array
  18. Using promise function inside Javascript Array map
  19. Javascript passing arrays to functions by value, leaving original array unaltered
  20. What does $(selector)[0] mean in jQuery?
  21. Get list of duplicate objects in an array of objects
  22. Change the value of an array changes original array JavaScript
  23. Returning only certain properties from an array of objects in Javascript [duplicate]
  24. Splicing a Javascript array from within the callback passed to forEach
  25. javascript: convert two dimensional array to array of objects using the first ‘row’ to define properties
  26. Array.size() vs Array.length
  27. Create array of all integers between two numbers, inclusive, in Javascript/jQuery
  28. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  29. Adding text to beginning of each array element
  30. Handling multiple files from an input element in an array with Google Apps Script

Leave a Comment