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:

Previous results

Latest run results:

Run details: (Test run date: 3 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

Related benchmarks:

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