Benchmark: lodash range vs Array.from 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({length: size}, (_, i) => i);
keys spread
[...Array(size).keys()]

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

lodash range

56K/s

keys spread

6K/s

array from

4K/s

Fastest: lodash range (15.2x faster)

View exact numbers

✓ lodash range: 56,342 ops/sec
• keys spread: 6,265 ops/sec
• array from : 3,697 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 range
array from
keys spread

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0

Browser/OS: Firefox 132 on Windows

View result in a separate tab

lodash range

22K/s

keys spread

10K/s

array from

10K/s

View exact numbers

Test name	Executions per second
✓ lodash range	21,825 Ops/sec
keys spread	10,100 Ops/sec
array from	9,752 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 provided JSON and explain what is being tested.

**Overview**

The JSON represents a JavaScript microbenchmark test case on MeasureThat.net. The test compares the performance of three different approaches to generate an array of numbers:

1. `lodash.range(size)`
2. `Array.from({length: size}, (_, i) => i)`
3. `[...Array(size).keys()]`

**Lodash library**

`_.range(size)` is a function from the Lodash library, which provides utility functions for functional programming. The purpose of this function is to generate an array of numbers from 0 to `size-1`.

**Spread syntax**

The second approach uses the spread syntax `[...Array(size).keys()]`. This syntax creates a new array by spreading the keys of an existing array (`Array(size)`). The `Array(size)` part generates an array with `size` elements, and the `.keys()` method returns an array of numbers from 0 to `size-1`.

**Pros and Cons**

* **Lodash's `_range` function:**
	+ Pros: Simple and concise, well-tested, and widely used.
	+ Cons: Requires including additional library code (Lodash), which may impact page load times or affect performance in other ways.
* **Spread syntax `[...Array(size).keys()]`:**
	+ Pros: Fast and lightweight, as it only uses built-in JavaScript methods.
	+ Cons: May be less readable for some developers, especially those not familiar with the spread syntax.

**Benchmarking**

The benchmark measures the execution speed of each approach by executing a loop `size` times using each method. The results are reported in the format of:

* `ExecutionsPerSecond`: The number of executions performed per second.
* `TestName`: The name of the test case (e.g., "keys spread").

**Other alternatives**

If you're interested in exploring other approaches, here are a few examples:

1. **`Array.from()` without spread syntax:** Use `Array.from(Array(size), (_, i) => i)` to generate an array with numbers from 0 to `size-1`. This approach is similar to the second one but avoids the spread syntax.
2. **Manual indexing:** Implement your own loop using manual indexing (e.g., `var result = []; for (var i = 0; i < size; i++) { result.push(i); }`) to generate an array of numbers.

Keep in mind that the performance differences between these approaches might be negligible, and other factors like hardware, JavaScript engine, or specific use cases may impact the results.

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

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

Created: 6 years ago by: Guest

Go to the latest result

lodash range

array from

keys spread

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 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 range vs Array.from vs keys() + spread (version: 0)

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

Created: 6 years ago by: Guest

Go to the latest result

lodash range

array from

keys spread

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 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 range vs array from vs keys spread`