Run results for: Cloning benchmarking

Test name	Executions per second
✓ Spread operator (...)	2,725,087 Ops/sec
Custom function	474,015 Ops/sec
jQuery.extend(true)	340,250 Ops/sec
Lodash.cloneDeep()	253,799 Ops/sec
JSON.parse(JSON.stringify())	246,551 Ops/sec
structuredClone()	212,234 Ops/sec

Spread operator (...)

// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = { ...base };

JSON.parse(JSON.stringify())

// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = JSON.parse(JSON.stringify(base));

Custom function

function clone(aObject) {
  // Prevent undefined objects
  // if (!aObject) return aObject;

  let bObject = Array.isArray(aObject) ? [] : {};

  let value;
  for (const key in aObject) {

    // Prevent self-references to parent object
    // if (Object.is(aObject[key], aObject)) continue;

    value = aObject[key];

    bObject[key] = (typeof value === "object") ? clone(value) : value;
  }

  return bObject;
};
// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = clone(base);

Lodash.cloneDeep()

// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = _.cloneDeep(base);

jQuery.extend(true)

// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = jQuery.extend(true, {}, base);

structuredClone()

// base object
const base = {
	firstName: 'John',
  lastName: 'Doe',
  size: 170,
  birthDate: new Date(1985, 0,15),
  married: true,
  address: {
  	street: '2 av Victor Hugo',
    country: 'FR',
  },
  childrens: [
  	{
    	name: 'Paul',
      age: 8,
    },
  ],
  functions: [],
};
const copy = structuredClone(base);

Run results for: Cloning benchmarking

Comparing performance of: spread ... vs vs JSON.parse(JSON.stringify()) vs Custom function vs Lodash.cloneDeep() vs jQuery.extend(true) vs structuredClone()

Spread operator (...)

JSON.parse(JSON.stringify())

Custom function

Lodash.cloneDeep()

jQuery.extend(true)

structuredClone()