Benchmark: JS chunk array - MeasureThat.net

Script Preparation code:

function chunk1(xs, n) {
  return xs.reduce(function(o, x, i) {
    o[Math.floor(i / n)].push(x);
    return o;
  }, Array(Math.ceil(xs.length / n)).fill([]));
}

function chunk2(xs, n) {
  return (xs.length <= n) ? [xs] : [
    xs.slice(0, n),
    ...chunk2(xs.slice(n), n)
  ]
}

function chunk3(array, size) {
  //declaring variable 'chunked' as an empty array
  let chunked = []

  //looping through the array until it has been entirely "manipulated" or split into our subarrays
  while (array.length > 0) {
    //taking the spliced segments completely out of our original array
    //pushing these subarrays into our new "chunked" array
    chunked.push(array.splice(0, size))
  }
  //returning the new array of subarrays
  return chunked
}

function chunk4(array, size) {
  //declaring variable 'chunked' as an empty array
  let chunked = []

  //setting our start point for our while loop at index 0
  let i = 0;
  //looping through the array until we have reached the final index
  while (i < array.length) {
    //push the sliced subarray of length 'size' into our new 'chunked' array
    chunked.push(array.slice(i, i + size))
    //increment by the size as to avoid duplicates
    i += size;
  }
  //return the array of subarrays
  return chunked
}

function chunk5(array, size) {
  //declaring variable 'chunked' as an empty array
  let chunked = [];

  //for loop iterating through every element of our input array
  for (let ele of array) {
    //declaring variable 'last' as the last index of our 'chunked' array
    const last = chunked[chunked.length - 1];

    //checking if last is undefined or if the last subarray is equal to the size
    if (!last || last.length === size) {
      //then we push the element to be a new subarray in 'chunked'
      chunked.push([ele])
    } else {
      //if not, then we add the element to the 'last' subarray
      last.push(ele)
    }
  }
  //return the array of subarrays
  return chunked
}

function chunk6(array, size) {
  const chunked_arr = [];
  for (let i = 0; i < array.length; i++) {
    const last = chunked_arr[chunked_arr.length - 1];
    if (!last || last.length === size) {
      chunked_arr.push([array[i]]);
    } else {
      last.push(array[i]);
    }
  }
  return chunked_arr;
}

function chunk7(array, size) {
  const chunked_arr = [];
  let copied = [...array]; // ES6 destructuring
  const numOfChild = Math.ceil(copied.length / size); // Round up to the nearest integer
  for (let i = 0; i < numOfChild; i++) {
    chunked_arr.push(copied.splice(0, size));
  }
  return chunked_arr;
}

function chunk8(array, size) {
  const chunked_arr = [];
  let index = 0;
  while (index < array.length) {
    chunked_arr.push(array.slice(index, size + index));
    index += size;
  }
  return chunked_arr;
}

function chunk9(array, size) {
  if (!array) return [];
  const firstChunk = array.slice(0, size); // create the first chunk of the given array
  if (!firstChunk.length) {
    return array; // this is the base case to terminal the recursive
  }
  return [firstChunk].concat(chunk9(array.slice(size, array.length), size));
}

function chunk10(arr, n) {
  let chunked = arr.reduce((chunk, val) => {

    if (chunk[chunk.length - 1].length === n)
      chunk.push([]);

    chunk[chunk.length - 1].push(val);

    return chunk;
  }, [
    []
  ]);

  return chunked
}

Tests:

1
chunk1([1, 2, 3, 4], 2);
2
chunk2([1, 2, 3, 4], 2);
3
chunk3([1, 2, 3, 4], 2);
4
chunk4([1, 2, 3, 4], 2);
5
chunk5([1, 2, 3, 4], 2);
6
chunk6([1, 2, 3, 4], 2);
7
chunk7([1, 2, 3, 4], 2);
8
chunk8([1, 2, 3, 4], 2);
9
chunk9([1, 2, 3, 4], 2);
10
chunk10([1, 2, 3, 4], 2);

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

11.8M/s

11.3M/s

11.2M/s

8.7M/s

7.7M/s

7.6M/s

3.9M/s

2.8M/s

1.6M/s

Fastest: 10 (7.4x faster)

View exact numbers

✓ 10: 11,793,288 ops/sec
• 4: 11,307,714 ops/sec
• 8: 11,163,434 ops/sec
• 3: 8,664,796 ops/sec
• 2: 7,695,738 ops/sec
• 5: 7,675,454 ops/sec
• 6: 7,587,367 ops/sec
• 7: 3,886,663 ops/sec
• 9: 2,833,072 ops/sec
• 1: 1,593,311 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
1
2
3
4
5
6
7
8
9
10

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser/OS: Chrome 126 on Mac OS X 10.15.7

View result in a separate tab

14.0M/s

13.5M/s

10.5M/s

9.3M/s

9.1M/s

9.0M/s

6.1M/s

3.5M/s

1.9M/s

View exact numbers

Test name	Executions per second
✓ 10	13,975,200 Ops/sec
4	13,519,021 Ops/sec
8	13,469,171 Ops/sec
3	10,470,714 Ops/sec
5	9,307,483 Ops/sec
2	9,118,440 Ops/sec
6	9,001,997 Ops/sec
7	6,060,200 Ops/sec
9	3,516,939 Ops/sec
1	1,891,017 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

JS chunk array (version: 0)

Comparing performance of: `1 vs 2 vs 3 vs 4 vs 5 vs 6 vs 7 vs 8 vs 9 vs 10`

Created: 7 years ago by: Registered User

Go to the latest result

1

2

3

4

5

6

7

8

9

10

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

JS chunk array (version: 0)

Comparing performance of: 1 vs 2 vs 3 vs 4 vs 5 vs 6 vs 7 vs 8 vs 9 vs 10

Created: 7 years ago by: Registered User

Go to the latest result

1

2

3

4

5

6

7

8

9

10

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Comparing performance of: `1 vs 2 vs 3 vs 4 vs 5 vs 6 vs 7 vs 8 vs 9 vs 10`