Run results for: lodash merge vs jquery extend

Run details:

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

Browser: Chrome 102

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
jQuery 1: extend	544657.6 Ops/sec
jQuery 2: extend	669287.8 Ops/sec
jQuery 3: extend	427587.5 Ops/sec
Lodash 1: merge	566664.3 Ops/sec
Lodash 2: merge	258462.3 Ops/sec
Lodash 3: merge	382691.2 Ops/sec
Lodash 4: merge	468426.8 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js" integrity="sha256-3kEfn+8v7t7DmcwargHKPeQZ7tz2jn5OCS4gVNtyMJo=" crossorigin="anonymous"></script>
<script>
window._1 = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.2/lodash.min.js" integrity="sha256-rKk2QnJsnOCsuS8oSzkedgInNJbYmA09J0w26nVBpss=" crossorigin="anonymous"></script>
<script>
window._2 = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js" integrity="sha256-v2PESRFA3ocCdVenwVx0H2XIPZgnQ0exBaBqIOBc540=" crossorigin="anonymous"></script>
<script>
window._3 = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js" integrity="sha256-8E6QUcFg1KTnpEU8TFGhpTGHw5fJqB9vCms3OhAYLqw=" crossorigin="anonymous"></script>
<script>
window._4 = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script>
window.jQuery1 = window.$1 = $.noConflict(true);
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script>
window.jQuery2 = window.$2 = $.noConflict(true);
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script>
window.jQuery3 = window.$3 = $.noConflict(true);
</script>

Script Preparation code:

var obj1 = {
  a: {
    a1: 12,
    a2: 32
  },
  b: {
    b1: 123
  },
  c: 13
};
var obj2 = {
  a: {
    a1: 22,
    a2: 42,
    a3: 200
  },
  b: {
    b2: 13
  },
  c: 15
};

Tests:

jQuery 1: extend
$1.extend(true, obj1, obj2);
jQuery 2: extend
$2.extend(true, obj1, obj2);
jQuery 3: extend
$3.extend(true, obj1, obj2);
Lodash 1: merge
_1.merge(obj1, obj2);
Lodash 2: merge
_2.merge(obj1, obj2);
Lodash 3: merge
_3.merge(obj1, obj2);
Lodash 4: merge
_4.merge(obj1, obj2);

Run results for: lodash merge vs jquery extend

lodash merge vs jquery extend

jQuery 1: extend

jQuery 2: extend

jQuery 3: extend

Lodash 1: merge

Lodash 2: merge

Lodash 3: merge

Lodash 4: merge