Benchmark: _.findIndex vs native findIndex

HTML Preparation code:

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

Script Preparation code:


var arr = [];
for(let i = 0; i < 5000; i++){
arr.push({price: i})
}

Tests:

lodash _.findIndex
_.findIndex(arr, (o) => o.price === 4242)
native findIndex()
arr.findIndex((o) => o.price === 4242)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash _.findIndex
native findIndex()

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 94 on Windows

View result in a separate tab

Test name	Executions per second
lodash _.findIndex	147776.5 Ops/sec
native findIndex()	52460.5 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down what's being tested in the provided JSON.

The benchmark is comparing two approaches to find an element in an array:

1. Using Lodash's `_.findIndex` method
2. Using native JavaScript's `Array.prototype.findIndex` method

**Lodash's _.findIndex**

Lodash is a popular utility library for JavaScript that provides various helper functions, including `findIndex`. This function returns the index of the first element in an array that satisfies a given condition.

In this benchmark, Lodash's `_.findIndex` is used to find the index of an element in the array that matches the condition `o.price === 4242`.

**Native JavaScript's Array.prototype.findIndex**

The native `Array.prototype.findIndex` method returns the index of the first element in an array that satisfies a given condition. It was introduced in ECMAScript 2015 (ES6) and is now widely supported by modern browsers.

In this benchmark, native JavaScript's `Array.prototype.findIndex` is used to achieve the same result as Lodash's `_.findIndex`.

**Pros and Cons**

Both approaches have their pros and cons:

Lodash's `_.findIndex`:
Pros:

* Simpler syntax
* May be more readable for those familiar with Lodash
* Can handle edge cases like empty arrays or null values

Cons:

* Adds overhead due to the library call
* May not be as performant as native code

Native JavaScript's `Array.prototype.findIndex`:
Pros:

* Native performance and low overhead
* No additional dependency required
* Part of the standard library, so no extra import needed

Cons:

* More verbose syntax for those unfamiliar with it
* Requires modern browsers that support ES6+ features

**Other Considerations**

The benchmark assumes that both approaches are equally efficient in terms of memory usage and CPU cycles. However, as mentioned earlier, native code tends to be more performant.

It's also worth noting that the Lodash library is not included in the benchmark's source code, but rather loaded from a CDN (Content Delivery Network). This might impact performance due to network latency or caching issues.

**Special JS Feature/Syntax**

There are no special JavaScript features or syntaxes being tested in this benchmark. The focus is on comparing two different approaches to achieve a specific result.

As for libraries used, Lodash is the only one mentioned in the provided code snippets.

Overall, this benchmark provides a simple yet informative comparison between using a utility library like Lodash and native JavaScript code to find an element in an array.

Related benchmarks:

_.findIndex vs native findIndex (version: 0)

Comparing performance of: lodash _.findIndex vs native findIndex()

Created: 3 years ago by: Registered User

Jump to the latest result

lodash _.findIndex

native findIndex()

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):