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

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

Rendered benchmark preparation results:

Previous results

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

Slice + push

11.5M/s

spread operator

9.4M/s

Array.from + push

9.1M/s

View exact numbers

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