Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
spread operator vs Array.from + push vs slice + push vs flat
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=623524" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36
Browser:
Chrome 135
Operating system:
Windows
Device Platform:
Desktop
Date tested:
3 months ago
Test name
Executions per second
spread operator
9581254.0 Ops/sec
Array.from + push
8972920.0 Ops/sec
Slice + push
11151552.0 Ops/sec
flat
2396250.5 Ops/sec
Tests:
spread operator
var other = [ 1, 2 ] var other2 = [...other, 3] var other3 = [...other2, 4] var other4 = [...other3, 5] var other5 = [...other4, 6] var other6 = [...other5, 7]
Array.from + push
var other = [ 1, 2 ]; var other2 = Array.from(other); other2.push(3); var other3 = Array.from(other2); other3.push(4) var other4 = Array.from(other3); other4.push(5); var other5 = Array.from(other4); other5.push(6); var other6 = Array.from(other5); other6.push(7);
Slice + push
var other = [ 1, 2 ]; var other2 = other.slice(); other2.push(3); var other3 = other2.slice(); other3.push(4) var other4 = other3.slice(); other4.push(5); var other5 = other4.slice(); other5.push(6); var other6 = other5.slice(); other6.push(7);
flat
var other = [ 1, 2 ]; var other2 = [other, [3]].flat() var other3 = [other2, [4]].flat() var other4 = [other3, [5]].flat() var other5 = [other4, [6]].flat() var other6 = [other5, [7]].flat()