Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
[ARRAY] concat vs spread operator vs push + spread vs prototype.push.apply
Compare the new ES6 spread operator with the traditional concat() method and push
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=582382" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (X11; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0
Browser:
Firefox 134
Operating system:
Linux
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
Array.prototype.concat
16399235.0 Ops/sec
spread operator
10340824.0 Ops/sec
Push
34011628.0 Ops/sec
Array.prototype.push.apply
25752982.0 Ops/sec
Tests:
Array.prototype.concat
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; const result = arr1.concat(arr2);
spread operator
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; const result = [ ...arr1, ...arr2 ];
Push
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; arr1.push(...arr2);
Array.prototype.push.apply
const arr1 = [ "hello", true, 7 ]; const arr2 = [1, 2, 3, 4, 5, 6, 7, 8]; Array.prototype.push.apply(arr1,arr2);