Benchmark: Array concat vs spread operator vs push vs forEach vs for...of

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);
forEach
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ] params.forEach(p => other.push(p));
for...of
var params = [ "hello", true, 7 ]; var other = [ 1, 2 ] for (const p of params) { other.push(p) }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.prototype.concat
spread operator
Push
forEach
for...of

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 129 on Mac OS X 10.15.7

View result in a separate tab

Push

33.2M/s

for...of

30.3M/s

forEach

29.7M/s

spread operator

27.6M/s

Array.prototype.concat

7.8M/s

View exact numbers

Test name	Executions per second
✓ Push	33,196,830 Ops/sec
for...of	30,313,030 Ops/sec
forEach	29,688,302 Ops/sec
spread operator	27,628,408 Ops/sec
Array.prototype.concat	7,799,720 Ops/sec

Array concat vs spread operator vs push vs forEach vs for...of (version: 0)

Compare the new ES6 spread operator with the traditional concat() method, push, forEach, and for...of

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

Created: one year ago by: Guest

Go to the latest result

Array.prototype.concat

spread operator

Push

forEach

for...of

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Array concat vs spread operator vs push vs forEach vs for...of (version: 0)

Compare the new ES6 spread operator with the traditional concat() method, push, forEach, and for...of

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

Created: one year ago by: Guest

Go to the latest result

Array.prototype.concat

spread operator

Push

forEach

for...of

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

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