Run results for: vanilla vs jquery - $.extend vs no jquery version

Run details:

User agent: Mozilla/5.0 (Android 12; Mobile; rv:109.0) Gecko/113.0 Firefox/113.0

Browser: Firefox Mobile 113

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Vanilla JS	22446.8 Ops/sec
JQuery	16277.2 Ops/sec
json	81188.4 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Script Preparation code:

var element = {
	l1prop: {
     	l2prop: {
        	l3prop: Array.from({length: 50}, (val, i) => i)
        },
      l2prop2: {
        	l3prop: Array.from({length: 50}, (val, i) => i)
        },
    },
  l1prop2: {
        	l2prop: Array.from({length: 50}, (val, i) => i)
        },
  a: 'fsdfs',
  b: 'efwesd',
  c: 'fefsdvs',
  d: 1,
  e: 2,
  f: 'gfdgfdsgd',
  g: null,
  h: undefined
}

Tests:

Vanilla JS
function deepExtend(out, ...arguments_) { if (!out) { return {}; } for (const obj of arguments_) { if (!obj) { continue; } for (const [key, value] of Object.entries(obj)) { switch (Object.prototype.toString.call(value)) { case '[object Object]': out[key] = out[key] || {}; out[key] = deepExtend(out[key], value); break; case '[object Array]': out[key] = deepExtend(new Array(value.length), value); break; default: out[key] = value; } } } return out; } deepExtend({}, element);
JQuery
$.extend(true, {}, element);
json
JSON.parse(JSON.stringify(element));

Run results for: vanilla vs jquery - $.extend vs no jquery version

Vanilla JS

JQuery

json