Run results for: structuredClone vs deepClone vs JSON in large objects

Run details:

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: Chrome 141

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

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

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));

Run results for: structuredClone vs deepClone vs JSON in large objects

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

cloneDeep

structuredClone

json