Benchmark: lodash vs es6 - MeasureThat.net

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)"></script>

Script Preparation code:

function double(n) {
	return n*2;
}
var data = [...Array(20)].map((v, idx) => idx);

Tests:

lodash fp
_.map(double, data);
es6 map
data.map(double);

Historical Performance Data aggregated from 16 community runs

Desktop Results:

Chrome 16 runs

es6 map

4.9M/s

lodash fp

4.6M/s

View exact numbers

✓ es6 map: 4,908,204 ops/sec
• lodash fp: 4,594,423 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 fp
es6 map

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 141 on Windows

View result in a separate tab

es6 map

15.3M/s

lodash fp

11.6M/s

View exact numbers

Test name	Executions per second
✓ es6 map	15,335,594 Ops/sec
lodash fp	11,621,706 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 explain what's being tested.

**Benchmark Purpose**

The benchmark is comparing two approaches to mapping over an array in JavaScript: Lodash's `map` function with functional programming (FP) style, and the native ES6 `map` method.

**Options Compared**

There are only two options being compared:

1. **Lodash FP**: The first test case uses Lodash's `map` function with a functional programming style, where the `double` function is applied to each element in the array using the `_.map` method.
2. **ES6 Map**: The second test case uses the native ES6 `map` method, which applies a given function to each element in the array.

**Pros and Cons**

Here are some pros and cons of each approach:

**Lodash FP:**

Pros:

* More concise and readable code
* Easier to compose multiple functions together using FP principles

Cons:

* Requires Lodash library to be included, which may impact page load times or bundle size
* May have slower performance due to the overhead of the library

**ES6 Map:**

Pros:

* Native support in modern browsers means no additional library needed
* Often faster performance since it's implemented in native code

Cons:

* Can be less readable for developers unfamiliar with FP principles
* More verbose than Lodash's `map` method

**Library: Lodash**

Lodash is a popular utility library for JavaScript that provides a wide range of functions for tasks like array manipulation, string manipulation, and more. In this benchmark, Lodash is used to implement the FP style mapping function.

**Special JS Feature or Syntax**

There is no special JavaScript feature or syntax being tested in this benchmark. The focus is on comparing two different approaches to mapping over an array.

**Other Considerations**

When choosing between these two approaches, consider the trade-offs between code readability, performance, and library inclusion. If you need a concise and readable solution that's easy to maintain, Lodash FP might be the better choice. However, if you prioritize speed and don't mind more verbose code, ES6 Map could be the way to go.

**Other Alternatives**

If you're not using Lodash or ES6 functions, there are other ways to map over an array in JavaScript:

* **For...of Loop**: `for (let i = 0; i < data.length; i++) { ... }`
* **Array.prototype.forEach()**: `data.forEach(function(element) { ... });`
* **Callback Functions**: `data.map(function(element, index) { ... });`

Each of these alternatives has its own trade-offs and use cases.

lodash vs es6 (version: 0) Benchmark.js

lodash vs es6

Comparing performance of: `lodash fp vs es6 map`

Created: 8 years ago by: Guest

Go to the latest result

lodash fp

es6 map

Historical Performance Data aggregated from 16 community runs

Desktop Results:

Chrome 16 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 vs es6 (version: 0) Benchmark.js

lodash vs es6

Comparing performance of: lodash fp vs es6 map

Created: 8 years ago by: Guest

Go to the latest result

lodash fp

es6 map

Historical Performance Data aggregated from 16 community runs

Desktop Results:

Chrome 16 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Comparing performance of: `lodash fp vs es6 map`