Run results for: structuredClone vs deepClone in large objects

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:144.0) Gecko/20100101 Firefox/144.0

Browser: Firefox 144

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
✓ structuredClone	24 Ops/sec
cloneDeep	10 Ops/sec

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;

Run results for: structuredClone vs deepClone in large objects

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

cloneDeep

structuredClone