Benchmark: spread operator vs Array.from + push vs slice + push vs flat

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()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
spread operator
Array.from + push
Slice + push
flat

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 6 months ago)

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/OS: Chrome 135 on Windows

View result in a separate tab

Slice + push

11.2M/s

spread operator

9.6M/s

Array.from + push

9.0M/s

flat

2.4M/s

View exact numbers

Test name	Executions per second
✓ Slice + push	11,151,552 Ops/sec
spread operator	9,581,254 Ops/sec
Array.from + push	8,972,920 Ops/sec
flat	2,396,250 Ops/sec

spread operator vs Array.from + push vs slice + push vs flat (version: 1)

Compare the new ES6 spread operator with the traditional concat() method and push

Comparing performance of: `spread operator vs Array.from + push vs Slice + push vs flat`

Created: 6 months ago by: Guest

Go to the latest result

spread operator

Array.from + push

Slice + push

flat

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

spread operator vs Array.from + push vs slice + push vs flat (version: 1)

Compare the new ES6 spread operator with the traditional concat() method and push

Comparing performance of: spread operator vs Array.from + push vs Slice + push vs flat

Created: 6 months ago by: Guest

Go to the latest result

spread operator

Array.from + push

Slice + push

flat

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `spread operator vs Array.from + push vs Slice + push vs flat`