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

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

Browser: Chrome 68

Operating system: Linux

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
Array Concat (w/ objects)	2436736.0 Ops/sec
Spread (w/ objects)	3497286.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];