DEV Community

Algorithm 202: Array Chunking in 3 Ways

NJOKU SAMSON EBERE on March 18, 2020

Welcome to yet another series on algorithm - Algorithm 202. We are going to focus on array manipulation. In how many ways can you chunk an array? ...
Read full post
Collapse
 
ganeshshetty195 profile image
Ganesh Shetty • • Edited

Recursive approach:-


<script>
 var multiDim=[];
 function chunkArray(array){
    if(array.length==0) return;
    multiDim.push(array.splice(0,3));
    chunkArray(array);
    return multiDim;
 }
 console.log(chunkArray(["Aaran", "Aaren", "Aarez", "Aarman", "Aaron", "Aaron-James", "Aarron"], 3));
</script>
Enter fullscreen mode Exit fullscreen mode
Collapse
 
rusty_xx profile image
Grey_W I N D •

Please I don't understand how the first code works.

Collapse
 
ebereplenty profile image
NJOKU SAMSON EBERE •

Grey, thank you for taking your time to read through. Here is how the first code works

function chunkArray(arr, limiter) {
  // array to hold all chunks 
  let finalArray = [];
  // temporary array to hold each chunk
  let tempArray = [];

  // loop through each value of the array
  for (value of arr) {
    // check if the temporary array length is less than the desired size (limiter)
    if (tempArray.length < limiter) {
      // add the current value to the temporary array
      tempArray.push(value);
    } else {
      // if the temporary array length is equal to the desired size (limiter), add the whole of the temporary array to the final array
      finalArray.push(tempArray);
      // empty the temporary array
      tempArray = [];
      // add the current array value at which it got filled up 
      tempArray.push(value);
    }
  }

  // after the whole looping, the last chunk (temporary array) will need one more loop to be able to be added to the final loop. Since that is not available, we add it at this point before returning the final array
  finalArray.push(tempArray);
  return finalArray;
}

chunkArray([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13], 5)

Hope you get it now?

I usually console log a value at any point of a code I don't understand. It makes it easier for me to see what is happening at each point of the code clearly

Collapse
 
rusty_xx profile image
Grey_W I N D •

Thank you so much. It's clearer now