Benchmark: Unshift value in array - Lodash partition vs Reduce vs 2 Filter

HTML Preparation code:

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

Script Preparation code:

var tabl = Array.from({ length: 10000 }).map((value, i) => i)

Tests:

Lodash
const [a, b] = _.partition(tabl, e => e === 900); const newArr = [...a,...b];
Reduce
const newArr = tabl.reduce((prevArr, currVal) => {if(currVal === 900) {return [currVal, ...prevArr]} else {return [...prevArr, currVal]}}, [])
2 Filter
const a = tabl.filter(e => e === 900); const b = tabl.filter(e => e !== 900); const newArr = [...a,...b];

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash
Reduce
2 Filter

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided benchmark, hosted on MeasureThat.net, tests the performance of three different approaches to create a new array by shuffling elements from an existing array: using Lodash's `partition` method, the `reduce` method, and two separate `filter` methods.

**Approaches Compared**

1. **Lodash Partition**: This approach uses the `partition` method from Lodash library to divide the input array into two partitions based on a condition (in this case, finding elements equal to 900). The resulting arrays are then concatenated using the spread operator (`[...a,...b]`) to create the new array.
2. **Reduce**: This approach uses the `reduce` method to iterate over the input array and accumulate elements into an accumulator array. When an element is found to be equal to 900, it's wrapped in an array with the previous accumulated elements. Otherwise, the current element is appended to the accumulator array. Finally, all accumulated arrays are concatenated using the spread operator (`[...prevArr,...currVal]`) to create the new array.
3. **2 Filter**: This approach uses two separate `filter` methods to find elements equal to 900 and not equal to 900 in the input array. The resulting arrays are then concatenated using the spread operator (`[...a,...b]`) to create the new array.

**Pros and Cons of Each Approach**

1. **Lodash Partition**:
	* Pros: Easy to read and maintain, concise implementation.
	* Cons: Requires an additional library (Lodash), which might not be desirable in all scenarios.
2. **Reduce**:
	* Pros: Generic and can be used for more complex accumulation tasks, doesn't require an external library.
	* Cons: Can be more verbose than the Lodash approach, requires understanding of accumulator pattern.
3. **2 Filter**:
	* Pros: Easy to understand and implement, doesn't require any additional libraries.
	* Cons: More boilerplate code compared to the other two approaches.

**Library Explanation**

In this benchmark, Lodash is used as a library to provide the `partition` method. The `partition` method is a useful utility function that can be applied to various problems, making it a convenient choice for this specific test case.

**Special JS Features/Syntax**

This benchmark does not explicitly use any special JavaScript features or syntax. However, it relies on the spread operator (`...`) and array methods like `filter`, `reduce`, and `partition`, which are widely supported in modern browsers.

**Alternative Approaches**

Other approaches that could be used to create a new array by shuffling elements from an existing array include:

* Using `forEach` with a callback function
* Utilizing the `map` method with a transformation function
* Employing a custom iterative algorithm using loops and indexing

These alternatives might offer varying trade-offs in terms of performance, readability, and maintainability, depending on the specific use case.

Related benchmarks:

Unshift value in array - Lodash partition vs Reduce vs 2 Filter (version: 0)

Comparing performance of: Lodash vs Reduce vs 2 Filter

Created: 4 years ago by: Guest

Jump to the latest result

Lodash

Reduce

2 Filter

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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