Benchmark: lodash reduce vs. native reduce

HTML Preparation code:

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

Script Preparation code:

var stuff = [
  { name: 'pi', value: 3.14 },
  { name: 'hundred', value: 100 },
  { name: 'truthy', value: true },
  { name: 'falsy', value: false },
  { name: 'estring', value: '2.71828' },
]

Tests:

_.reduce
_.reduce(stuff, (acc, item) => { acc[item.name] = item.value return acc }, {})
native reduce
stuff.reduce((acc, item) => { acc[item.name] = item.value return acc }, {})

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 77 runs

native reduce

10.6M/s

_.reduce

6.1M/s

Fastest: native reduce (1.7x faster)

View exact numbers

✓ native reduce: 10,593,267 ops/sec
• _.reduce: 6,121,714 ops/sec

Firefox 9 runs

native reduce

18.9M/s

_.reduce

13.5M/s

Fastest: native reduce (1.4x faster)

View exact numbers

✓ native reduce: 18,910,742 ops/sec
• _.reduce: 13,540,669 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
_.reduce
native reduce

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:139.0) Gecko/20100101 Firefox/139.0

Browser/OS: Firefox 139 on Linux

View result in a separate tab

_.reduce

5.8M/s

native reduce

2.8M/s

View exact numbers

Test name	Executions per second
✓ _.reduce	5,832,862 Ops/sec
native reduce	2,785,918 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks.

**Benchmark Overview**

The provided benchmark measures the performance difference between Lodash's `reduce` function and the native `reduce` method in JavaScript. The test creates an array of objects (`stuff`) and uses both methods to accumulate values in an object, where each key is a property name from the input array.

**Options Compared**

The two options being compared are:

1. **Lodash's `_reduce` function**: This is a custom implementation of the `reduce` method using Lodash's utility functions.
2. **Native `reduce` method**: This is the built-in `reduce` method provided by JavaScript, which is implemented in the browser's engine (in this case, Chrome).

**Pros and Cons**

Here are some pros and cons of each approach:

**Lodash's `_reduce` function:**

Pros:

* Provides a consistent API across different browsers and environments.
* Includes additional features like memoization, which can improve performance.

Cons:

* Adds an extra layer of abstraction, potentially leading to overhead due to the library's functionality.
* May not be optimized for specific use cases or edge cases.

**Native `reduce` method:**

Pros:

* Optimized for native execution, with minimal overhead from additional libraries or functions.
* Can take advantage of browser-specific optimizations and caching mechanisms.

Cons:

* Behavior can vary between browsers and versions, potentially leading to inconsistent results.
* Limited control over implementation details, such as the order of operations or caching strategies.

**Library (Lodash)**

Lodash is a popular JavaScript utility library that provides a comprehensive set of functions for tasks like array manipulation, string trimming, and more. In this benchmark, Lodash's `reduce` function is used to implement the `_reduce` method, which allows for a consistent API across different browsers and environments.

**Special JS Feature/Syntax**

This benchmark does not use any special JavaScript features or syntax, so no additional explanations are needed.

**Other Alternatives**

For similar benchmarks, you might want to consider other options:

* **Underscore.js**: Another popular utility library that provides a `reduce` function.
* **Array.prototype.reduce()`: A built-in method in JavaScript that can be used as an alternative to Lodash's `_reduce` function.
* **Other libraries or frameworks**: Depending on the specific use case, other libraries like Ramda, Immutable.js, or functional programming frameworks might provide optimized implementations of `reduce`.

Keep in mind that each option has its trade-offs and potential performance implications. When choosing a library or implementation, consider factors like consistency, maintainability, and optimization for your specific requirements.

lodash reduce vs. native reduce (version: 0) Benchmark.js

Comparing performance of: `_.reduce vs native reduce`

Created: 7 years ago by: Guest

Go to the latest result

_.reduce

native reduce

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 77 runs

Firefox 9 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 reduce vs. native reduce (version: 0) Benchmark.js

Comparing performance of: _.reduce vs native reduce

Created: 7 years ago by: Guest

Go to the latest result

_.reduce

native reduce

Historical Performance Data aggregated from 86 community runs

Desktop Results:

Chrome 77 runs

Firefox 9 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: `_.reduce vs native reduce`