Benchmark: concat vs lodash.concat

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

Array.prototype.concat
var params = [ "hello", "hello", "sname" ]; var other = [ "red", "wine" ].concat(params);
Lodash concat
var params = [ "hello", "hello", "sname" ]; var other = _.concat([ "red", "wine" ], params);

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 6 runs

Array.prototype.concat

12.2M/s

Lodash concat

4.4M/s

Fastest: Array.prototype.concat (2.8x faster)

View exact numbers

✓ Array.prototype.concat: 12,217,082 ops/sec
• Lodash concat: 4,362,041 ops/sec

Firefox 5 runs

Array.prototype.concat

26.9M/s

Lodash concat

5.0M/s

Fastest: Array.prototype.concat (5.4x faster)

View exact numbers

✓ Array.prototype.concat: 26,852,392 ops/sec
• Lodash concat: 4,980,522 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
Array.prototype.concat
Lodash concat

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Browser/OS: Chrome 143 on Linux

View result in a separate tab

Array.prototype.concat

5.4M/s

Lodash concat

2.7M/s

View exact numbers

Test name	Executions per second
✓ Array.prototype.concat	5,356,216 Ops/sec
Lodash concat	2,657,949 Ops/sec

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

LLMs can make mistakes. Check important info.

This benchmark compares the performance of two methods for concatenating arrays in JavaScript:

**1. `Array.prototype.concat`:** This is the built-in JavaScript method for joining arrays. In this test case, it's used to combine an array `["red", "wine"]` with another array `params`.

**2. `_.concat()` from Lodash:** Lodash is a popular JavaScript library that provides utility functions, including optimized implementations of common operations. This test uses the `_.concat()` function from Lodash to perform the same concatenation task.

**Options Compared:**

* **Built-in vs. Library:** The benchmark pits the efficiency of native JavaScript's `concat` against a potentially optimized implementation in Lodash.

**Pros and Cons:**

* **Array.prototype.concat:**
    * **Pros:**  Native to JavaScript, no external dependencies required.
    * **Cons:** Potentially less optimized compared to specialized libraries like Lodash.

* **Lodash concat:**
    * **Pros:** Potentially faster due to internal optimizations, provides additional features and control (e.g., handling different data types).
    * **Cons:** Adds an external dependency (Lodash) to your project, may have a slight overhead in terms of initial load time.

**Other Considerations:**

* **Context Matters:** The performance difference between these methods might be negligible for small arrays.  The impact becomes more significant when dealing with large datasets. 
* **Specific Use Cases:** Lodash offers features beyond basic concatenation, such as handling nested arrays and transforming data during the process. If you need those capabilities, Lodash becomes a more attractive option even if the performance gain for simple concatenation is minimal.

**Alternatives:**

*  **Spread Operator (`...`):** A newer syntax in JavaScript that can be used for array concatenation: `[..."red", "wine"].concat(params)`
* **Array Methods like `push`, `unshift`:** These methods modify the original array directly instead of creating a new one. While they might not be ideal for all concatenation scenarios, they offer a different approach.

Let me know if you have any other questions!

concat vs lodash.concat (version: 0) Benchmark.js

Comparing performance of: `Array.prototype.concat vs Lodash concat`

Created: 8 years ago by: Guest

Go to the latest result

Array.prototype.concat

Lodash concat

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 6 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

concat vs lodash.concat (version: 0) Benchmark.js

Comparing performance of: Array.prototype.concat vs Lodash concat

Created: 8 years ago by: Guest

Go to the latest result

Array.prototype.concat

Lodash concat

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 6 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

Related benchmarks

Comparing performance of: `Array.prototype.concat vs Lodash concat`