Run results for: lodash cloneDeep vs JSON stringify/parse 2

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

JSON stringify then parse

694/s

lodash cloneDeep

466/s

View exact numbers

Test name	Executions per second
✓ JSON stringify then parse	694 Ops/sec
lodash cloneDeep	466 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>

Script Preparation code:

// Test data
var arr = new Array(1000).fill(null).map(() => ({
    id: Math.random(),
    event_id: `evt_${Math.random()}`,
    calendar_id: `cal_${Math.random()}`,
    event_json: {
        title: "Test Event",
        description: "Test Description",
        startDate: "2024-01-01",
        endDate: "2024-01-02",
        location: {
            address: "123 Test St",
            lat: 44.4582983,
            lng: -93.1616132
        },
        attendees: [
            { email: "test1@test.com", response: "accepted" },
            { email: "test2@test.com", response: "pending" }
        ]
    },
    is_latest: 1,
    start_date: "2024-01-01",
    end_date: "2024-01-02"
}));

Tests:

lodash cloneDeep
myCopy = _.cloneDeep(arr);
JSON stringify then parse
JSON.parse(JSON.stringify(arr))
Spread Operator
myCopy = arr.map(item => ({ ...item, event_json: { ...item.event_json, location: { ...item.event_json.location }, attendees: item.event_json.attendees.map(attendee => ({ ...attendee })) } }));

Run results for: lodash cloneDeep vs JSON stringify/parse 2

lodash cloneDeep

JSON stringify then parse

Spread Operator