Run results for: Spread operator performance

Run details:

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

Browser: Firefox 77

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Concat	12578360.0 Ops/sec
Concat by spread	9000074.0 Ops/sec
Concat by push	10568185.0 Ops/sec
Add two elements to array by concat	13584859.0 Ops/sec
Add two elements to array by spread	11830641.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	13684255.0 Ops/sec
Array to arguments by apply manually	191136080.0 Ops/sec
Clone array by spread	14734124.0 Ops/sec
Clone array by slice	26406934.0 Ops/sec
Clone object by spread	5632592.0 Ops/sec
Clone object by Object.assign	4142677.8 Ops/sec
Merge objects by spread	2273740.5 Ops/sec
Merge objects by Object.assign	2490890.5 Ops/sec
Merge objects by Object.assign no clone	4708281.0 Ops/sec
Merge objects mannualy	23149238.0 Ops/sec
Add two fields to object by spread	2826833.0 Ops/sec
Add two fields to object mannualy	28180868.0 Ops/sec

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;

Run results for: Spread operator performance

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