Benchmark: Add new element to array: push vs destructuring - long and short

Tests:

spread operator
var params = [ "hello", true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10, ] var other = [ ...params, 'new' ]
short spread
var params = [ "hello", true, 7 ]; var other = [ ...params, 'new' ]
short push
var params = [ "hello", true, 7 ]; params.push('new');
push
var params = [ "hello", true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10,true, 7,1,2,3,4,5,6,7,8,9,10, ] params.push('new');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
spread operator
short spread
short push
push

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

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

Browser/OS: Chrome 97 on Windows

View result in a separate tab

Test name	Executions per second
spread operator	4517951.0 Ops/sec
short spread	35505380.0 Ops/sec
short push	81635840.0 Ops/sec
push	3615337.0 Ops/sec

Add new element to array: push vs destructuring - long and short (version: 0)

Comparing performance of: spread operator vs short spread vs short push vs push

Created: 2 years ago by: Guest

Jump to the latest result

spread operator

short spread

short push

push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A