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

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

jQuery 2: extend

1.6M/s

jQuery 1: extend

1.3M/s

Lodash 1: merge

1.1M/s

Lodash 4: merge

910K/s

Lodash 3: merge

877K/s

jQuery 3: extend

827K/s

Lodash 2: merge

476K/s

Fastest: jQuery 2: extend (3.3x faster)

View exact numbers

✓ jQuery 2: extend: 1,565,108 ops/sec
• jQuery 1: extend: 1,308,604 ops/sec
• Lodash 1: merge: 1,133,228 ops/sec
• Lodash 4: merge: 910,229 ops/sec
• Lodash 3: merge: 877,416 ops/sec
• jQuery 3: extend: 827,247 ops/sec
• Lodash 2: merge: 476,324 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

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: 2 years 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

jQuery 2: extend

802K/s

jQuery 1: extend

695K/s

Lodash 1: merge

617K/s

Lodash 4: merge

493K/s

jQuery 3: extend

474K/s

Lodash 3: merge

441K/s

Lodash 2: merge

251K/s

View exact numbers

Test name	Executions per second
✓ jQuery 2: extend	802,290 Ops/sec
jQuery 1: extend	695,474 Ops/sec
Lodash 1: merge	616,881 Ops/sec
Lodash 4: merge	492,642 Ops/sec
jQuery 3: extend	473,538 Ops/sec
Lodash 3: merge	441,122 Ops/sec
Lodash 2: merge	251,196 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year 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.

lodash merge vs jquery extend (version: 0) Benchmark.js

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: 9 years ago by: Guest

Go 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

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

lodash merge vs jquery extend (version: 0) Benchmark.js

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: 9 years ago by: Guest

Go 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

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

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`