Run results for: Object.keys partial assign vs Spread Operator

Verify if is worth using object keys to get keys of a given object, that have some properties of another one, to assign to another object or just use spread operator modify the object partially.

Go to the benchmark

Run details:

User agent: Mozilla/5.0 (Android 10; Mobile; rv:109.0) Gecko/112.0 Firefox/112.0

Browser: Firefox Mobile 112

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Using Object keys and modifying the original object	3548374.0 Ops/sec
Using spread to merge objects	734079.1 Ops/sec
Manually editing every single property (Wanna have this to prove why sometimes there is a manual assign for each property required)	155488528.0 Ops/sec

Script Preparation code:

var voucher = {
    "single": false,
    "applyOverTaxes": false,
    "discountType": "1",
    "value": 100,
    "minimumAmount": 0,
    "quantity": 1,
    "suffixLength": 8,
    "code": "IF5R0AFX",
    "vertical": [],
    "allowedPaymentMethods": [],
    "allowedBanks": [],
    "types": [],
    "partners": [],
    "startDate": "2020-10-21T00:00:00.000Z",
    "endDate": "2020-10-21T00:00:00.000Z",
    "applyed": false
}

var voucherQuantityAndPriceUpdated = {
    value: 120,
    quantity: 10
}

Tests:

Using Object keys and modifying the original object
const keysOfObjectWithUpdatedData = Object.keys(voucherQuantityAndPriceUpdated) for (key of keysOfObjectWithUpdatedData) { const updatedPropertyValue = voucher[key] = voucherQuantityAndPriceUpdated[key] }
Using spread to merge objects
const voucherUpdated = { ...voucher, ...voucherQuantityAndPriceUpdated }
Manually editing every single property (Wanna have this to prove why sometimes there is a manual assign for each property required)
voucher.value = voucherQuantityAndPriceUpdated.value voucher.quantity = voucherQuantityAndPriceUpdated.quantity

Run results for: Object.keys partial assign vs Spread Operator

Verify if is worth using object keys to get keys of a given object, that have some properties of another one, to assign to another object or just use spread operator modify the object partially.

Using Object keys and modifying the original object

Using spread to merge objects

Manually editing every single property (Wanna have this to prove why sometimes there is a manual assign for each property required)