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

Latest run results:

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

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

Browser/OS: Chrome 126 on Windows

View result in a separate tab

Test name	Executions per second
jQuery 1: extend	695473.7 Ops/sec
jQuery 2: extend	802289.6 Ops/sec
jQuery 3: extend	473538.4 Ops/sec
Lodash 1: merge	616881.2 Ops/sec
Lodash 2: merge	251196.2 Ops/sec
Lodash 3: merge	441121.9 Ops/sec
Lodash 4: merge	492641.8 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its options.

**Benchmark Definition**

The benchmark is comparing the performance of two JavaScript libraries: Lodash (a utility library) and jQuery (a popular JavaScript library for DOM manipulation). The specific functions being compared are:

* `extend` (jQuery) vs. `merge` (Lodash)

**What is tested?**

The benchmark is testing how quickly each function can merge two objects (`obj1` and `obj2`). This involves iterating over the properties of both objects, adding any new keys from one object to the other, and handling any conflicts between duplicate keys.

**Options (Libraries)**

There are four options being tested:

* jQuery 1 (`$1`) - Using an older version of jQuery
* jQuery 3 (`$3`) - Using a newer version of jQuery
* Lodash 2 (`_2`) - Using an older version of Lodash
* Lodash 4 (`_4`) - Using the latest version of Lodash

**Performance Comparison**

The benchmark is comparing the performance of each library on the same machine, using the same code to merge the two objects. The results are presented as a list of raw UA strings (browser fingerprints) with additional metadata such as browser type, device platform, operating system, and execution counts per second.

**Key Takeaways**

* Lodash 4 (`_4`) performs the fastest in this benchmark, suggesting it is optimized for performance.
* jQuery 3 (`$3`) performs better than older versions of jQuery, but still slower than Lodash 4.
* Lodash 2 (`_2`) and jQuery 1 (`$1`) are significantly slower than Lodash 4 and jQuery 3.

Overall, the benchmark suggests that Lodash 4 is the most efficient option for merging objects, followed closely by jQuery 3.

Related benchmarks:

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

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):