MeasureThat.net

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:
Mozilla/5.0 (Android 10; Mobile; rv:109.0) Gecko/112.0 Firefox/112.0
Firefox Mobile 112
Android
Mobile
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:
​x
 
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