Benchmark: JSON.stringify vs Deep Clone

Script Preparation code:

var obj = {};
var objCount = 100;

for (let i = 0; i < objCount; i++) {
    obj[i] = [1, 2, 3];
}

function deepClone(source) {
   return Array.isArray(source)
    ? source.map((item) => deepClone(item))
    : source && typeof source === "object"
    ? Object.getOwnPropertyNames(source).reduce((o, prop) => {
        o[prop] = deepClone(source[prop]);
        return o;
      }, Object.create(Object.getPrototypeOf(source)))
    : source;
}

Tests:

DeepClone
var clone = deepClone(obj);
JSON.stringify
var clone = JSON.parse(JSON.stringify(obj));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
DeepClone
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: one year ago)

User agent: Mozilla/5.0 (Android 13; Mobile; rv:108.0) Gecko/108.0 Firefox/108.0

Browser/OS: Firefox Mobile 108 on Android

View result in a separate tab

Test name	Executions per second
DeepClone	63779.8 Ops/sec
JSON.stringify	31409.7 Ops/sec

JSON.stringify vs Deep Clone (version: 0)

Comparing performance of: DeepClone vs JSON.stringify

Created: one year ago by: Guest

Jump to the latest result

DeepClone

JSON.stringify

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A