Benchmark: Test different ways of cloning objects

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/clone-deep@4.0.1/index.min.js"></script>

Script Preparation code:

const original = 
[
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	},
	{
		"id": " Sync ",
		"title": " Sync ",
		"attendees": 
		[
			"Raph",
			"Thomas",
			"Amy",
			"Richard",
			"Debra",
			"Kevin"
		],
		"flexible": false,
		"start": "2023-12-08T16:00:00.000Z",
		"end": "2023-12-08T16:30:00.000Z"
	}
]

function recursiveDeepCopy(o) {
    var newO,
      i;
  
    if (typeof o !== 'object') {
      return o;
    }
    if (!o) {
      return o;
    }
  
    if ('[object Array]' === Object.prototype.toString.apply(o)) {
      newO = [];
      for (i = 0; i < o.length; i += 1) {
        newO[i] = recursiveDeepCopy(o[i]);
      }
      return newO;
    }
  
    newO = {};
    for (i in o) {
      if (o.hasOwnProperty(i)) {
        newO[i] = recursiveDeepCopy(o[i]);
      }
    }
    return newO;
  }

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(original);
Native structuredClone
myCopy = structuredClone(original);
Json Clone
myCopy = JSON.parse(JSON.stringify(original));
recursiveDeepCopy
myCopy = recursiveDeepCopy(original);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Native structuredClone
Json Clone
recursiveDeepCopy

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 133 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	24443.2 Ops/sec
Native structuredClone	23671.1 Ops/sec
Json Clone	34161.8 Ops/sec
recursiveDeepCopy	165834.1 Ops/sec

Related benchmarks:

Test different ways of cloning objects (version: 2)

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

Comparing performance of: Lodash cloneDeep vs Native structuredClone vs Json Clone vs recursiveDeepCopy

Created: one year ago by: Registered User

Jump to the latest result

Lodash cloneDeep

Native structuredClone

Json Clone

recursiveDeepCopy

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A