Benchmark: Array concat vs spread operator vs push vs object assign vs slice vs Array from vs for loop

Tests:

Array.prototype.concat
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ].concat(params);
spread operator
var params = [ "hello", true, 7 ] var other = [ 1, 2, ...params ]
Push
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ].push(...params);
Object.assign
var params = [ "hello", true, 7 ]; var other = Object.assign([], params);
slice(0)
var params = [ "hello", true, 7 ]; var other = params.slice(0);
slice
var params = [ "hello", true, 7 ]; var other = params.slice();
Array.from
var params = [ "hello", true, 7 ]; var other = Array.from(params);
for loop
var params = [ "hello", true, 7 ]; var other = [] for (var i = params.length; i--; ) { other.unshift(params[i]) }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser/OS: Chrome 122 on Windows

Array concat vs spread operator vs push vs object assign vs slice vs Array from vs for loop (version: 0)