Benchmark: Array concat vs spread operator vs push more elements

Tests:

Array.prototype.concat
var params = [ "hello", true, 7, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" } ]; var other = [ 1, 2, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" } ].concat(params);
spread operator
var params = [ "hello", true, 7, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" } ]; var other = [ 1, 2, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, ...params ]
Push
var params = [ "hello", true, 7, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" } ]; var other = [ 1, 2, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" }, { some: 123, other: "hi" } ].push(...params);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

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

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Browser/OS: Chrome 91 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Array.prototype.concat	1806504.8 Ops/sec
spread operator	2304402.8 Ops/sec
Push	2288674.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):

LLMs can make mistakes. Check important info.

Related benchmarks:

Array concat vs spread operator vs push more elements (version: 0)

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

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

Created: 3 years ago by: Guest

Jump to the latest result

Array.prototype.concat

spread operator

Push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):