Benchmark: lodash remove vs native splice

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

Script Preparation code:

var max = 10000000; // 10,000,000 (10 Million)

var arr = [];
for (var i = 0; i <= max; i++) { arr.push(i); }

Tests:

lodash
_.remove(arr, item => item === 890047);
native
const index = arr.findIndex(item => item === 890047); arr.splice(index, 1);

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 11 runs

lodash

107/s

native

16/s

Fastest: lodash (6.6x faster)

View exact numbers

✓ lodash: 107 ops/sec
• native: 16 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
native

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser/OS: Chrome 133 on Mac OS X 10.15.7

View result in a separate tab

lodash

120/s

native

18/s

View exact numbers

Test name	Executions per second
✓ lodash	120 Ops/sec
native	18 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 benchmark and its options.

**Benchmark Overview**

The benchmark measures the performance of two approaches to remove an item from an array:

1. Using Lodash's `remove` function
2. Using JavaScript's native `splice` method

**Lodash (`_.remove`) Approach**

* Description: The Lodash library provides a `remove` function that can be used to remove elements from an array based on a predicate function.
* Purpose: To provide a convenient and efficient way to filter out unwanted elements in an array.

Pros:

* Easier to read and maintain code, as the logic is abstracted away by the Lodash library.
* Can handle more complex filtering scenarios, such as removing items that meet multiple conditions.

Cons:

* Adds extra overhead due to the need to include the Lodash library in the benchmark.
* May have a slower performance due to the indirection introduced by the library.

**Native (`splice`) Approach**

* Description: The native `splice` method allows you to remove elements from an array by specifying the index and length of the slice to be removed.
* Purpose: To provide a lightweight and efficient way to modify arrays in JavaScript.

Pros:

* Faster performance, as it avoids the overhead of a library function call.
* More control over the removal process, allowing for more fine-grained filtering.

Cons:

* Requires manual indexing and calculation, which can make the code harder to read and maintain.
* May be slower for larger datasets due to the need to calculate indices and bounds.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a wide range of functions for common tasks such as array manipulation, object transformation, and functional programming. In this benchmark, Lodash's `remove` function is used to filter out elements from an array based on a predicate function.

**Special JS Feature/Syntax: None**

There are no special JavaScript features or syntaxes being tested in this benchmark.

**Other Alternatives**

If you're looking for alternatives to the Lodash `remove` function, you could consider using other libraries like:

* Immutable.js: A library that provides immutable data structures and algorithms for array manipulation.
* Ramda: A functional programming library that provides a range of functions for filtering, mapping, and reducing arrays.

For the native `splice` approach, you could also consider using other methods such as `filter()` or `map()` in combination with `slice()` to achieve similar results.

In summary, the benchmark provides a simple comparison between two approaches: using Lodash's `remove` function versus JavaScript's native `splice` method. The choice of approach depends on your specific use case and performance requirements.

lodash remove vs native splice (version: 0) Benchmark.js

Comparing performance of: `lodash vs native`

Created: 5 years ago by: Guest

Go to the latest result

lodash

native

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 11 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 remove vs native splice (version: 0) Benchmark.js

Comparing performance of: lodash vs native

Created: 5 years ago by: Guest

Go to the latest result

lodash

native

Historical Performance Data aggregated from 11 community runs

Desktop Results:

Chrome 11 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 vs native`