Run results for: Deep copy performance

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Browser: Chrome 71

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
jQuery direct extend	8187.6 Ops/sec
jQuery extend assignment	8469.0 Ops/sec
Lodash cloneDeep	7997.6 Ops/sec
JSON parse and stringify	3657.8 Ops/sec
Custom copy	14806.3 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>

Script Preparation code:

var data = [];
var res = [];

fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(json => data = json)

Tests:

jQuery direct extend
res = []; $.extend(true, res, data);
jQuery extend assignment
res = $.extend(true, [], data);
Lodash cloneDeep
res = _.cloneDeep(data);
JSON parse and stringify
res = JSON.parse(JSON.stringify(data));

Run results for: Deep copy performance

jQuery direct extend

jQuery extend assignment

Lodash cloneDeep

JSON parse and stringify