Benchmark: Array.prototype.map vs Lodash.map

HTML Preparation code:

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

Script Preparation code:

var data = [1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,];

Tests:

Array.prototype.map
data.map(function (number) { return number * 2});
Lodash.map
_.map(data, function (number) { return number * 2});

Historical Performance Data aggregated from 89 community runs

Desktop Results:

Chrome 76 runs

Array.prototype.map

5.7M/s

Lodash.map

5.2M/s

Fastest: Array.prototype.map (1.1x faster)

View exact numbers

✓ Array.prototype.map: 5,743,667 ops/sec
• Lodash.map: 5,205,681 ops/sec

Firefox 8 runs

Array.prototype.map

6.1M/s

Lodash.map

5.6M/s

View exact numbers

✓ Array.prototype.map: 6,128,876 ops/sec
• Lodash.map: 5,595,990 ops/sec

Mobile Results:

Chrome 5 runs

Array.prototype.map

1.6M/s

Lodash.map

1.4M/s

Fastest: Array.prototype.map (1.1x faster)

View exact numbers

✓ Array.prototype.map: 1,588,075 ops/sec
• Lodash.map: 1,432,026 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.map
Lodash.map

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Firefox 139 on Ubuntu

View result in a separate tab

Lodash.map

5.1M/s

Array.prototype.map

4.3M/s

View exact numbers

Test name	Executions per second
✓ Lodash.map	5,141,777 Ops/sec
Array.prototype.map	4,322,282 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided JSON represents a JavaScript microbenchmarking test case on the MeasureThat.net website. The benchmark compares the performance of two approaches: `Array.prototype.map` and `Lodash.map`. The purpose of this benchmark is to measure which approach is more efficient in terms of execution time.

**Options Compared**

The two options being compared are:

1. `Array.prototype.map`: This method is a built-in method of the Array prototype in JavaScript, used to create a new array with the results of applying a provided function on every element in this array.
2. `Lodash.map`: This is a utility function from the Lodash library, also used to transform an array by applying a provided function.

**Pros and Cons**

* **Array.prototype.map**:
	+ Pros: Built-in method, widely supported and well-maintained, no additional dependencies required.
	+ Cons: May be slower than custom implementations due to its complexity and the overhead of checking for the existence of the `map` method on arrays.
* **Lodash.map**:
	+ Pros: Optimized for performance, tested and validated through multiple iterations, and can handle edge cases more efficiently.
	+ Cons: Requires additional dependencies (the Lodash library) and may not be as widely supported or understood.

**Library Usage**

In this benchmark, the `lodash.js` library is used to provide the `_.map()` function. Lodash is a popular utility library for JavaScript that provides a wide range of functions for tasks like array manipulation, string manipulation, and more.

**Special JS Features/Syntax**

This benchmark does not use any special JavaScript features or syntax beyond what is commonly available in modern browsers.

**Other Alternatives**

If you wanted to create an alternative benchmark to compare the performance of `Array.prototype.map` and `Lodash.map`, you might consider:

* Using a custom implementation for `map()` that takes advantage of native WebAssembly support.
* Comparing with other map implementations, such as `Array.prototype.forEach()` or `Set`.
* Using a different library like `Ramda` instead of Lodash.

Keep in mind that each alternative would require significant changes to the benchmark and potentially affect its accuracy or relevance.

Array.prototype.map vs Lodash.map (version: 0)

Approaches performance

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

Created: 8 years ago by: Registered User

Go to the latest result

Array.prototype.map

Lodash.map

Historical Performance Data aggregated from 89 community runs

Desktop Results:

Chrome 76 runs

Firefox 8 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):

Array.prototype.map vs Lodash.map (version: 0)

Approaches performance

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

Created: 8 years ago by: Registered User

Go to the latest result

Array.prototype.map

Lodash.map

Historical Performance Data aggregated from 89 community runs

Desktop Results:

Chrome 76 runs

Firefox 8 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: `Array.prototype.map vs Lodash.map`