Benchmark: structuredClone vs deepClone vs JSON in large objects

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

Script Preparation code:

function createComplexNestedObject(depth = 10, breadth = 5, level = 1) {
  const result = {};
  if (level < depth) result[`deepStart_${level}`] = createComplexNestedObject(depth, breadth, level + 1);
  for (let index = 0; index < breadth; index++) {
    const opts = [
      `val_${level}_${index}_` + 'x'.repeat(50) /* string */,
      level * 1e3 + index /* number */,
      index % 2 === 0 /* boolean */,
      null /* null */,
      [index, level, `s${index}`] /* array */,
      new Date(Date.UTC(2020 + level, index % 12, (index % 28) + 1)) /* date */,
      new RegExp(`p_${level}_${index}`) /* regexp */
    ];
    result[`field_${level}_${index}`] = opts[index % opts.length];
    if (level < depth && index === Math.floor(breadth / 2)) result[`deepMid_${level}`] = createComplexNestedObject(depth, breadth, level + 1);
  }
  if (level < depth) result[`deepEnd_${level}`] = createComplexNestedObject(depth, breadth, level + 1);
  return result;
}

var MyObject = createComplexNestedObject(10, 8);
var myCopy = null;

Tests:

cloneDeep
myCopy = _.cloneDeep(MyObject)
structuredClone
myCopy = structuredClone(MyObject);
json
myCopy = JSON.parse(JSON.stringify(MyObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
cloneDeep
structuredClone
json

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

Browser/OS: Chrome 141 on Windows

View result in a separate tab

structuredClone

19/s

json

12/s

cloneDeep

10/s

View exact numbers

Test name	Executions per second
✓ structuredClone	19 Ops/sec
json	12 Ops/sec
cloneDeep	10 Ops/sec

structuredClone vs deepClone vs JSON in large objects (version: 1)

This benchmark creates huge objects to be cloned by lodash's cloneDeep function vs the native structuredClone

Comparing performance of: `cloneDeep vs structuredClone vs json`

Created: one year ago by: Guest

Go to the latest result

cloneDeep

structuredClone

json

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

structuredClone vs deepClone vs JSON in large objects (version: 1)

This benchmark creates huge objects to be cloned by lodash's cloneDeep function vs the native structuredClone

Comparing performance of: cloneDeep vs structuredClone vs json

Created: one year ago by: Guest

Go to the latest result

cloneDeep

structuredClone

json

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `cloneDeep vs structuredClone vs json`