Run results for: flat vs flatMap vs reduce vs reduce push vs forEach push vs concat spread

Run details:

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

Browser: Yandex Browser 23

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

concat spread

578K/s

reduce push

123K/s

forEach push

80K/s

reduce

33K/s

flatMap

8K/s

flat

7K/s

View exact numbers

Script Preparation code:

var arr = Array(100).fill(Array(20).fill(Math.random()*50))

Tests:

reduce
arr.reduce((acc, val) => acc.concat(val), [])
flatMap
arr.flatMap(x => x)
flat
arr.flat()
reduce push
arr.reduce((acc, val) => { if (val) val.forEach(a => acc.push(a)); return acc; }, [])
forEach push
let acc = []; arr.forEach(val => { val && val.forEach(v => acc.push(v)); }), acc;
concat spread
[].concat(...arr)