Benchmark: structuredClone vs spread object vs json

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
}

Tests:

Lodash cloneDeep
const copy = window.structuredClone(voucher);
Spread operator
const copy = { ...voucher };
Json stringify
const copy = JSON.parse(JSON.stringify(voucher));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Spread operator
Json stringify

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 10 months ago)

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

Browser/OS: Chrome 114 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	485978.8 Ops/sec
Spread operator	16352670.0 Ops/sec
Json stringify	737875.7 Ops/sec

structuredClone vs spread object vs json (version: 0)

Comparing performance of: Lodash cloneDeep vs Spread operator vs Json stringify

Created: 10 months ago by: Guest

Jump to the latest result

Lodash cloneDeep

Spread operator

Json stringify

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A