Run results for: structuredClone vs spread vs Object.assign + more

Note!: none of these tests actually do the same thing, and the data in the example is simple. consider also using arrays: those are nice. Some of these are shallow, some of these are deep-ish. Data is lost through JSON serialization and back, and more data would be lost in JSON and other methods depending on the data stored.

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/128.0.6613.92 Mobile/15E148 Safari/604.1

Browser: Chrome Mobile iOS 128

Operating system: iOS 17.6

Device Platform: Mobile

Date tested: one year ago

Cursed Proxy

5.4M/s

spread syntax

3.1M/s

Object.assign

2.0M/s

Object.fromEntries

738K/s

JSON

614K/s

structuredClone()

330K/s

View exact numbers

Test name	Executions per second
✓ Cursed Proxy	5,430,764 Ops/sec
spread syntax	3,051,338 Ops/sec
Object.assign	2,012,423 Ops/sec
Object.fromEntries	737,591 Ops/sec
JSON	613,785 Ops/sec
structuredClone()	329,629 Ops/sec

Script Preparation code:

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

Tests:

structuredClone()
var newObj = structuredClone(voucher)
spread syntax
var newObj = {...voucher}
Object.assign
var newObj = Object.assign({}, voucher)
Object.fromEntries
var newObj = Object.fromEntries(Object.entries(voucher))
JSON
// loses the "types" property var newObj = JSON.parse(JSON.stringify(voucher))
Cursed Proxy
// this registers as surprisingly performant for some reason, but keep in mind i didn't benchmark // usage, only creation, so in reality this could potentially not be performant when setting/getting. // either way this is really scuffed so you probably shouldn't take this approach var newObject = new Proxy({}, { get (o, p) { return p in o ? o[p] : o[p] ??= voucher[p] }, set (o, p, v) { o[p] = v; return true } })