Benchmark: _.groupBy vs Object.groupBy 100k

HTML Preparation code:

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

Script Preparation code:

var max2 = 100000;

var data = [];
for (var i = 0; i <= max2; i++) { data.push({ id: i }); }

Tests:

Lodash
_.groupBy(data, ({ id }) => id)
Native
Object.groupBy(data, ({ id }) => id)

Historical Performance Data aggregated from 69 community runs

Desktop Results:

Chrome 55 runs

Lodash

263/s

Native

88/s

Fastest: Lodash (3.0x faster)

View exact numbers

✓ Lodash: 263 ops/sec
• Native: 88 ops/sec

Firefox 9 runs

Native

510/s

Lodash

411/s

Fastest: Native (1.2x faster)

View exact numbers

✓ Native: 510 ops/sec
• Lodash: 411 ops/sec

Mobile Results:

Chrome 5 runs

Lodash

103/s

Native

32/s

Fastest: Lodash (3.2x faster)

View exact numbers

✓ Lodash: 103 ops/sec
• Native: 32 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
Lodash
Native

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Browser/OS: Chrome 149 on Mac OS X 10.15.7

View result in a separate tab

Lodash

526/s

Native

56/s

View exact numbers

Test name	Executions per second
✓ Lodash	526 Ops/sec
Native	56 Ops/sec

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

LLMs can make mistakes. Check important info.

I'd be happy to help explain the JavaScript microbenchmark on MeasureThat.net.

**Overview**

The benchmark measures the performance of two approaches for grouping data: Lodash's `groupBy` function and the native JavaScript `Object.groupBy` method. The test case consists of creating an array of 100,000 objects with unique IDs and then comparing the execution times of these two grouping functions.

**Options Compared**

There are only two options being compared:

1. **Lodash's `groupBy` function**: This is a popular utility library that provides a concise way to group data based on a specific property.
2. **Native JavaScript `Object.groupBy` method**: This is the built-in function in modern JavaScript that allows grouping data using a similar syntax to Lodash.

**Pros and Cons**

Here are some pros and cons of each approach:

**Lodash's `groupBy` function:**

Pros:

* Concise syntax
* Robust error handling (e.g., handles missing properties)
* Well-tested and widely used

Cons:

* Adds overhead due to the library's dependencies and complexity
* May not be optimized for performance in all cases

**Native JavaScript `Object.groupBy` method:**

Pros:

* Faster execution times, as it's a built-in function with native optimization
* No additional dependencies or overhead

Cons:

* Less concise syntax (requires more code)
* More prone to errors if property names are not correct

**Library and Purpose**

The Lodash library is a popular utility library that provides a wide range of functions for working with data, arrays, and objects. In this case, the `groupBy` function is used to group an array of objects based on a specific property.

**Special JavaScript Feature or Syntax**

There isn't any special JavaScript feature or syntax being tested in this benchmark. However, it's worth noting that some browsers may have different behavior when using certain features like arrow functions (which are used in the `groupBy` function).

**Other Alternatives**

If you're interested in exploring alternative grouping methods, here are a few options:

* **Array.prototype.reduce()**: You can use `reduce()` to group data by iterating over the array and accumulating results.
* ** Array.prototype.forEach()**: Similar to `reduce()`, you can use `forEach()` to iterate over the array and perform grouping operations.
* **Other libraries**: There are many other utility libraries available that provide grouping functions, such as Ramda or Immutable.js.

I hope this explanation helps!

_.groupBy vs Object.groupBy 100k (version: 0)

Comparing performance of: `Lodash vs Native`

Created: 2 years ago by: Guest

Go to the latest result

Lodash

Native

Historical Performance Data aggregated from 69 community runs

Desktop Results:

Chrome 55 runs

Firefox 9 runs

Mobile 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):

_.groupBy vs Object.groupBy 100k (version: 0)

Comparing performance of: Lodash vs Native

Created: 2 years ago by: Guest

Go to the latest result

Lodash

Native

Historical Performance Data aggregated from 69 community runs

Desktop Results:

Chrome 55 runs

Firefox 9 runs

Mobile 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: `Lodash vs Native`