Benchmark: Array.prototype.slice vs Lodash slice

HTML Preparation code:

<script src="lodash.js"></script>

Script Preparation code:

var array = [...Array(100).keys()];

Tests:

Lodash slice
_.slice(55,77)
Array.prototype.slice
array.slice(55,77)

Historical Performance Data aggregated from 9 community runs

Desktop Results:

Chrome 9 runs

Array.prototype.slice

20.7M/s

Lodash slice

17.2M/s

Fastest: Array.prototype.slice (1.2x faster)

View exact numbers

✓ Array.prototype.slice: 20,688,590 ops/sec
• Lodash slice: 17,233,272 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 slice
Array.prototype.slice

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 10 hours ago)

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

Browser/OS: Chrome 151 on Windows

View result in a separate tab

Lodash slice

1396.2M/s

Array.prototype.slice

86.5M/s

View exact numbers

Test name	Executions per second
✓ Lodash slice	1,396,219,392 Ops/sec
Array.prototype.slice	86,505,624 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 benchmark and explain what's being tested, the options compared, their pros and cons, and other considerations.

**Benchmark Definition**

The benchmark measures the performance difference between two methods: `_.slice(55,77)` (using Lodash) and `array.slice(55,77)` (using the Array.prototype).

**Options Compared**

1. **Lodash `_.slice(55,77)`**: This method is part of the popular utility library Lodash. It takes a range of indices as arguments and returns a new array containing elements from the original array within that range.
2. **Array.prototype.slice(55,77)**: This method is a built-in JavaScript function that creates a shallow copy of a portion of an array.

**Pros and Cons**

1. **Lodash `_.slice(55,77)`**:
	* Pros:
		+ More readable code, as it uses clear and concise syntax.
		+ Often preferred for its simplicity and expressiveness.
	* Cons:
		+ Adds extra overhead due to the library itself.
		+ May have licensing or compatibility issues depending on the project's requirements.
2. **Array.prototype.slice(55,77)**:
	* Pros:
		+ Faster execution, as it doesn't require loading an external library.
		+ Built-in function, so no additional dependencies are required.
	* Cons:
		+ Requires more code to achieve the same result, which can make it less readable.

**Other Considerations**

1. **Lodash**: Lodash is a popular utility library that provides a wide range of functions for various tasks, such as array manipulation, string formatting, and more. Its `_.slice` function is just one of many useful utilities provided by the library.
2. **JavaScript features**: There are no special JavaScript features or syntax used in this benchmark.

**Alternative Approaches**

Other alternatives to compare with Lodash's `_.slice(55,77)` and Array.prototype.slice(55,77) could be:

1. Using `Array.prototype.slice.call()`: This method creates a new array by calling the slice function on an array-like object.
2. Implementing a custom slicing function using `for` loops or other iteration methods.
3. Comparing with a third-party library like Fastify's `fast-slice`.
4. Testing with different array sizes or specific data distributions to observe performance variations.

**Benchmark Preparation Code**

The preparation code provided sets up the test environment by creating an array of 100 numbers from 0 to 99 using `[...Array(100).keys()]` and assigning it to a variable named `array`. The HTML preparation code includes a script tag that loads the Lodash library, making its functions available in the scope.

**Individual Test Cases**

The benchmark has two test cases:

1. `_.slice(55,77)`: Tests Lodash's slice function with specific indices.
2. `array.slice(55,77)`: Tests the built-in Array.prototype.slice function on the created array.

The latest benchmark results show a significant performance difference between Lodash's slice and the built-in Array.prototype.slice method, with Lodash's version being slower in this case.

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

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

Created: 5 years ago by: Guest

Go to the latest result

Lodash slice

Array.prototype.slice

Historical Performance Data aggregated from 9 community runs

Desktop Results:

Chrome 9 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.slice vs Lodash slice (version: 0)

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

Created: 5 years ago by: Guest

Go to the latest result

Lodash slice

Array.prototype.slice

Historical Performance Data aggregated from 9 community runs

Desktop Results:

Chrome 9 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 slice vs Array.prototype.slice`