Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
reduce concat vs flat vs concat spread vs reduce spread
Compare the new ES6 spread operator with the traditional concat() method
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0
Browser:
Chrome 131
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Benchmark engine:
Benchmark.js
concat(...)
183K/s
reduce + Array.prototype.concat
53K/s
reduce spread
21K/s
Array.prototype.flat
6K/s
View exact numbers
Test name
Executions per second
✓
concat(...)
183,125 Ops/sec
reduce + Array.prototype.concat
53,186 Ops/sec
reduce spread
21,033 Ops/sec
Array.prototype.flat
5,918 Ops/sec
Script Preparation code:
var params = [ [1, 2], ["hello", true, 7], Array(10000).fill(4), ];
Tests:
reduce + Array.prototype.concat
const x = params.reduce((acc, val) => acc.concat(val), []);
Array.prototype.flat
const x = params.flat(1);
concat(...)
const x = [].concat(...params)
reduce spread
const x = params.reduce((acc, val) => [...acc, ...val], []);