Benchmark: Array concat vs spread operator vs push vs assign

Script Preparation code:

const append = (arr1, arr2) => {
    // Pre-allocate space for the new elements
    arr1.length += arr2.length;

    // Copy elements from arr2 to arr1
    for (let i = 0; i < arr2.length; i++) {
        arr1[arr1.length - arr2.length + i] = arr2[i];
    }

    return arr1;
};

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);
assign
var params = [ "hello", true, 7 ]; var other = append([1,2], params);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.prototype.concat
spread operator
Push
assign

Array concat vs spread operator vs push vs assign (version: 0)

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

Comparing performance of: Array.prototype.concat vs spread operator vs Push vs assign

Created: 2 years ago by: Guest

Jump to the latest result

Array.prototype.concat

spread operator

Push

assign

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results