Benchmark: Chunking array - MeasureThat.net

Script Preparation code:


function chunkReduce(array, size = 1) {
  return array.reduce((target, item, index) => {
    if (index % size === 0) {
      return [...target, [item]]
    }
    const last = target[target.length - 1]
    return [...target.slice(0, target.length - 1), [...last, item]]
  }, [])
}
function chunkReduce2(array, size = 1) {
  let key = -1
  return array.reduce((target, item, index) => {
    if (index % size === 0) {
      key++
      target[key] = []
    }
    target[key].push(item)
	return target
  }, [])
}
function chunkReduce3(array, size = 1) {
  let key = -1
  const length = array.length
  const target = []
  for (let index = 0; index < length; ++index) {
    const item = array[index]
    if (index % size === 0) {
      key++
      target[key] = []
    }
    target[key].push(item)
  }
  return target
}


function chunkWhile(array, size = 1) {
  var length = array == null ? 0 : array.length;
  if (!length || size < 1) {
    return [];
  }
  var index = 0,
      resIndex = 0,
      result = Array(Math.ceil(length / size));

  while (index < length) {
    result[resIndex++] = array.slice(index, (index += size));
  }
  return result;
}

Tests:

Using reduce
chunkReduce([1,2,3,4,5,6,7,8,9,1,0,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,7,14,6,4,56,4,5], 4)
Using while
chunkWhile([1,2,3,4,5,6,7,8,9,1,0,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,7,14,6,4,56,4,5], 4)
Using reduce 2 and push
chunkReduce2([1,2,3,4,5,6,7,8,9,1,0,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,7,14,6,4,56,4,5], 4)
Using for loop and push
chunkReduce3([1,2,3,4,5,6,7,8,9,1,0,2,3,4,5,6,7,8,9,10,1,2,3,4,5,6,7,8,9,7,14,6,4,56,4,5], 4)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using reduce
Using while
Using reduce 2 and push
Using for loop and push

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

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/104.0.0.0 Safari/537.36

Browser/OS: Chrome 104 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Using reduce	476145.7 Ops/sec
Using while	2957182.0 Ops/sec
Using reduce 2 and push	4288938.0 Ops/sec
Using for loop and push	4927895.0 Ops/sec

Chunking array (version: 0)

Comparing performance of: Using reduce vs Using while vs Using reduce 2 and push vs Using for loop and push

Created: 3 years ago by: Guest

Jump to the latest result

Using reduce

Using while

Using reduce 2 and push

Using for loop and push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A