Run results for: Array Spread vs Array concat (with object dataset)

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0

Browser: Firefox 61

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
Array Concat (w/ objects)	3892312.0 Ops/sec
Spread (w/ objects)	3491542.0 Ops/sec

Tests:

Array Concat (w/ objects)
const arr1 = [{ "name": "Field1", "width": 20, "boolProp": false, "visible": true, "id": 1 }, { "name": "Field2", "width": 10, "boolProp": false, "visible": true, "id": 2 }, { "name": "Field3", "width": 20, "boolProp": false, "visible": true, "id": 3 }, { "name": "Field4", "width": 10, "boolProp": false, "visible": true, "id": 4 }]; const arr2 = [{ "name": "Field5", "width": 20, "boolProp": false, "visible": true, "id": 1 }, { "name": "Field6", "width": 10, "boolProp": false, "visible": true, "id": 2 }, { "name": "Field7", "width": 20, "boolProp": false, "visible": true, "id": 3 }, { "name": "Field8", "width": 10, "boolProp": false, "visible": true, "id": 4 }]; const arr3 = arr1.concat(arr2);
Spread (w/ objects)
const arr1 = [{ "name": "Field1", "width": 20, "boolProp": false, "visible": true, "id": 1 }, { "name": "Field2", "width": 10, "boolProp": false, "visible": true, "id": 2 }, { "name": "Field3", "width": 20, "boolProp": false, "visible": true, "id": 3 }, { "name": "Field4", "width": 10, "boolProp": false, "visible": true, "id": 4 }]; const arr2 = [{ "name": "Field5", "width": 20, "boolProp": false, "visible": true, "id": 1 }, { "name": "Field6", "width": 10, "boolProp": false, "visible": true, "id": 2 }, { "name": "Field7", "width": 20, "boolProp": false, "visible": true, "id": 3 }, { "name": "Field8", "width": 10, "boolProp": false, "visible": true, "id": 4 }]; const arr3 = [...arr1, ...arr2];