Benchmark: lodash range vs Array.from + new Array vs keys() + spread

HTML Preparation code:

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

Script Preparation code:

var size = 10000;

Tests:

lodash range
_.range(size);
array from
Array.from(new Array(size), (_, i) => i);
keys spread
[...Array(size).keys()]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash range
array from
keys spread

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 16 on iOS 16.4.1

View result in a separate tab

Test name	Executions per second
lodash range	56884.2 Ops/sec
array from	3733.2 Ops/sec
keys spread	8183.7 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided benchmark measures the performance of three different approaches to create an array with a specified size in JavaScript:

1. **Lodash `_.range()`**: This function returns an array of numbers from 0 to the specified size minus one.
2. **`Array.from(new Array(size), (_, i) => i)`**: This method creates a new array by mapping the callback function to each element in the `new Array(size)`.
3. **`[...Array(size).keys()]`**: This syntax uses the spread operator (`...`) and the `keys()` method of an array to create a new array with the keys of the original array.

**Options Compared**

The three options are compared in terms of their performance, which is measured by the number of executions per second.

**Pros and Cons of Each Approach**

1. **Lodash `_.range()`**:
	* Pros: Simple and concise syntax.
	* Cons: May have a higher overhead due to the use of Lodash library.
2. **`Array.from(new Array(size), (_, i) => i)`**:
	* Pros: Flexible and can be used with other array methods.
	* Cons: Requires creating an intermediate array, which may lead to additional memory allocation.
3. **`[...Array(size).keys()]`**:
	* Pros: Efficient and concise syntax using the spread operator and `keys()` method.
	* Cons: May not work in older browsers that do not support modern array methods.

**Library Usage**

The benchmark uses the Lodash library, which provides a simple and convenient way to create arrays with a specified size. The `_.range()` function is a part of the Lodash library.

**Special JS Feature/Syntax**

None mentioned in this specific benchmark.

**Other Alternatives**

If you need to create an array with a specified size in JavaScript, other alternatives include:

* Using the `Array.from()` method with a generator function or another closure.
* Using a simple loop to push elements into an array.
* Using a library like underscore.js (similar to Lodash) or Ramda.

Note that the choice of approach depends on the specific use case and performance requirements.

Related benchmarks:

lodash range vs Array.from + new Array vs keys() + spread (version: 0)

Comparing performance of: lodash range vs array from vs keys spread

Created: 2 years ago by: Guest

Jump to the latest result

lodash range

array from

keys spread

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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