Run results for: Add new element to array: push vs destructuring - long and short

Run details:

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: Chrome 97

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

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

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');

Run results for: Add new element to array: push vs destructuring - long and short

spread operator

short spread

short push

push