Benchmark: lodash merge vs jquery extend

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);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
jQuery 1: extend
jQuery 2: extend
jQuery 3: extend
Lodash 1: merge
Lodash 2: merge
Lodash 3: merge
Lodash 4: merge

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 3 months ago)

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

Browser/OS: Chrome 120 on Windows

View result in a separate tab

Test name	Executions per second
jQuery 1: extend	706699.9 Ops/sec
jQuery 2: extend	886846.1 Ops/sec
jQuery 3: extend	400934.8 Ops/sec
Lodash 1: merge	612826.8 Ops/sec
Lodash 2: merge	242214.4 Ops/sec
Lodash 3: merge	451990.7 Ops/sec
Lodash 4: merge	447299.1 Ops/sec

lodash merge vs jquery extend (version: 0)

lodash merge vs jquery extend

Comparing performance of: jQuery 1: extend vs jQuery 2: extend vs jQuery 3: extend vs Lodash 1: merge vs Lodash 2: merge vs Lodash 3: merge vs Lodash 4: merge

Created: 7 years ago by: Guest

Jump to the latest result

jQuery 1: extend

jQuery 2: extend

jQuery 3: extend

Lodash 1: merge

Lodash 2: merge

Lodash 3: merge

Lodash 4: merge

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A