Benchmark: Flatten Arrays - Large

Script Preparation code:

const size = 100000
const innerSize = size
function getInnerArray() {
  return new Array(size).fill().map(() => parseInt(Math.random() * innerSize + 1))
}
var BaseArrays = new Array(size).fill().map(() => getInnerArray())
function concatArray(finalArray) {
   BaseArrays.forEach((array) => {
     finalArray = finalArray.concat(array)
   })
}
function spreadArray(finalArray) {
   BaseArrays.forEach((array) => {
     finalArray = [...finalArray, ...array]
   })
}
function reduceArraySpread(finalArray) {
   finalArray = BaseArrays.reduce((prev, current) => [...prev, ...current], [])
}
function reduceArrayConcat(finalArray) {
   finalArray = BaseArrays.reduce((prev, current) => prev.concat(current), [])
}
function flatArray(finalArray) {
   finalArray = BaseArrays.flat()
}
function mergedArray(finalArray) {
   finalArray = [].concat.apply([], BaseArrays);
}
function flatten (arr, finalArray = []) {
  for (let i = 0, length = arr.length; i < length; i++) {
    const value = arr[i];
    if (Array.isArray(value)) {
      flatten(value, finalArray);
    } else {
      finalArray.push(value);
    }
  }
  return finalArray;
};

Tests:

concat
let finalArray = [] concatArray(finalArray)
spread
let finalArray = [] spreadArray(finalArray)
reduce spread
let finalArray = [] reduceArraySpread(finalArray)
reduce concat
let finalArray = [] reduceArrayConcat(finalArray)
flat
let finalArray = [] flatArray(finalArray)
concat apply
let finalArray = [] mergedArray(finalArray)
Flatten self-made
let finalArray = [] flatten(BaseArrays, finalArray)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
concat
spread
reduce spread
reduce concat
flat
concat apply
Flatten self-made

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: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36

Browser/OS: Chrome 85 on Windows

View result in a separate tab

Test name	Executions per second
concat	354576.9 Ops/sec
spread	47708.6 Ops/sec
reduce spread	45260.7 Ops/sec
reduce concat	338760.9 Ops/sec
flat	40375.2 Ops/sec
concat apply	939680.7 Ops/sec
Flatten self-made	37447.1 Ops/sec

Flatten Arrays - Large (version: 3)

What is the best way to flatten 2d arrays into 1 array of items

Comparing performance of: concat vs spread vs reduce spread vs reduce concat vs flat vs concat apply vs Flatten self-made

Created: 3 years ago by: Registered User

Jump to the latest result

concat

spread

reduce spread

reduce concat

flat

concat apply

Flatten self-made

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A