Benchmark: Spread operator performance

Spread operator performance (version: 0)

Comparing performance of: Concat vs Merge objects mannualy vs Merge objects by Object.assign no clone vs Merge objects by Object.assign vs Merge objects by spread vs Clone object by Object.assign vs Clone object by spread vs Clone array by slice vs Add two fields to object by spread vs Clone array by spread vs Array to arguments by apply vs Array to arguments by spread vs Add two elements to array by push vs Add two elements to array by spread vs Add two elements to array by concat vs Concat by push vs Concat by spread vs Array to arguments by apply manually vs Add two fields to object mannualy

Created: 3 years ago by: Registered User

Jump to the latest result

Tests:

Concat
['foo', 1, true].concat(['bar', 2, false])
Merge objects mannualy
let object1 = {a: 1, b: 2, c: {d: 4}}; let object2 = {e: 1, f: 2, c: {d: 4}}; object1.e = object2.e; object1.f = object2.f; object1.c = object2.c;
Merge objects by Object.assign no clone
let object1 = {a: 1, b: 2, c: {d: 4}}; let object2 = {e: 1, f: 2, c: {d: 4}}; let result = Object.assign(object1, object2);
Merge objects by Object.assign
let object1 = {a: 1, b: 2, c: {d: 4}}; let object2 = {e: 1, f: 2, c: {d: 4}}; let result = Object.assign({}, object1, object2);
Merge objects by spread
let object1 = {a: 1, b: 2, c: {d: 4}}; let object2 = {e: 1, f: 2, c: {d: 4}}; let result = {...object1, ...object2};
Clone object by Object.assign
let object = {a: 1, b: 2, c: {d: 4}}; let result = Object.assign({}, object);
Clone object by spread
let object = {a: 1, b: 2, c: {d: 4}}; let result = {...object};
Clone array by slice
[1,2,3,4,5,6].slice()
Add two fields to object by spread
let object = {a: 1, b: 2, c: {d: 4}}; let field1 = 10; let field2 = 11; object = {...object, ...{field2, field: field1}}
Clone array by spread
[...[1,2,3,4,5,6]]
Array to arguments by apply
const array = [1,2,3,4,5]; Math.max.apply(null, array)
Array to arguments by spread
const array = [1,2,3,4,5]; Math.max(...array)
Add two elements to array by push
let array1 = ['foo', 1, true]; array1.push(1); array1.push(2);
Add two elements to array by spread
let array1 = ['foo', 1, true]; array1 = [1, 2, ...array1];
Add two elements to array by concat
let array1 = ['foo', 1, true]; array1 = array1.concat([1, 2]);
Concat by push
let result = []; let array1 = ['foo', 1, true]; let array2 = ['bar', 2, false]; array1.forEach(function(e){result.push(e)}) array2.forEach(function(e){result.push(e)})
Concat by spread
[...['foo', 1, true], ...['bar', 2, false]]
Array to arguments by apply manually
const array = [1,2,3,4,5]; Math.max(array[0], array[1], array[2], array[3], array[4])
Add two fields to object mannualy
let object = {a: 1, b: 2, c: {d: 4}}; let field1 = 10; let field2 = 11; object.field = field1; object.field2 = field2;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Concat
Merge objects mannualy
Merge objects by Object.assign no clone
Merge objects by Object.assign
Merge objects by spread
Clone object by Object.assign
Clone object by spread
Clone array by slice
Add two fields to object by spread
Clone array by spread
Array to arguments by apply
Array to arguments by spread
Add two elements to array by push
Add two elements to array by spread
Add two elements to array by concat
Concat by push
Concat by spread
Array to arguments by apply manually
Add two fields to object mannualy

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: 3 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:77.0) Gecko/20100101 Firefox/77.0

Browser/OS: Firefox 77 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Concat	12578360.0 Ops/sec
Concat by spread	9000074.0 Ops/sec
Concat by push	10568190.0 Ops/sec
Add two elements to array by concat	13584860.0 Ops/sec
Add two elements to array by spread	11830640.0 Ops/sec
Add two elements to array by push	65324080.0 Ops/sec
Array to arguments by spread	7274902.0 Ops/sec
Array to arguments by apply	13684260.0 Ops/sec
Array to arguments by apply manually	191136100.0 Ops/sec
Clone array by spread	14734120.0 Ops/sec
Clone array by slice	26406930.0 Ops/sec
Clone object by spread	5632592.0 Ops/sec
Clone object by Object.assign	4142678.0 Ops/sec
Merge objects by spread	2273741.0 Ops/sec
Merge objects by Object.assign	2490891.0 Ops/sec
Merge objects by Object.assign no clone	4708281.0 Ops/sec
Merge objects mannualy	23149240.0 Ops/sec
Add two fields to object by spread	2826833.0 Ops/sec
Add two fields to object mannualy	28180870.0 Ops/sec

Spread operator performance (version: 0)

Created: 3 years ago by: Registered User

Jump to the latest result

Concat

Merge objects mannualy

Merge objects by Object.assign no clone

Merge objects by Object.assign

Merge objects by spread

Clone object by Object.assign

Clone object by spread

Clone array by slice

Add two fields to object by spread

Clone array by spread

Array to arguments by apply

Array to arguments by spread

Add two elements to array by push

Add two elements to array by spread

Add two elements to array by concat

Concat by push

Concat by spread

Array to arguments by apply manually

Add two fields to object mannualy

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A