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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

Browser: Chrome 68

Operating system: Mac OS X 10.13.5

Device Platform: Desktop

Date tested: 6 years ago

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