Benchmark: Array.prototype.find vs Lodash find object

HTML Preparation code:

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

Script Preparation code:

const peopleArray = []
for(i=0;i<100000;i++){
  peopleArray.push({name: 'Gosia', surname: 'Mazurek'})
}
peopleArray.push({name: 'Adam', surname:'Horodyski'})
var array = [...peopleArray];

Tests:

Array.prototype.find
array.find(n => n.name === 'Adam' && n.surename === 'Horodyski')
Lodash find
_.find(array,n => n === 99999)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.prototype.find
Lodash find

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.67

Browser/OS: Chrome 114 on Windows

View result in a separate tab

Test name	Executions per second
Array.prototype.find	3065.1 Ops/sec
Lodash find	2371.9 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the explanation of the provided benchmark.

**Overview**

The benchmark is comparing the performance of `Array.prototype.find` (a native JavaScript method) and `_find` from the Lodash library, which is a popular utility library for functional programming in JavaScript. The test case uses two libraries: Lodash and its own implementation of `find`, as the Array prototype does not have this method.

**What is being tested?**

The benchmark is testing the performance difference between using the native JavaScript `Array.prototype.find` method versus the `_.find` function from Lodash, when searching for an object within a large array. The test case generates a large array of 100,000 objects and adds one more element to it.

**Options compared**

Two options are being compared:

1. **Native JavaScript `Array.prototype.find`**: This method is implemented natively by the JavaScript engine, which means it's likely to be optimized for performance.
2. **Lodash `_find` function**: This function uses a different algorithm and implementation than the native `Array.prototype.find`, but it provides similar functionality.

**Pros and Cons of each approach**

1. **Native JavaScript `Array.prototype.find`**:
	* Pros:
		+ Optimized by the JavaScript engine for performance
		+ Likely to be more efficient since it's implemented natively
	* Cons:
		+ May have limitations due to its native implementation (e.g., no support for certain edge cases)
2. **Lodash `_find` function**:
	* Pros:
		+ Provides a familiar and well-established API
		+ Can be useful when working with large datasets or complex filtering requirements
	* Cons:
		+ May have performance overhead due to its implementation
		+ Relies on the Lodash library, which can add additional dependencies

**Library usage**

In this benchmark, the Lodash library is used for its `_find` function. Lodash provides a wide range of utility functions for common tasks in JavaScript, such as array manipulation, object transformation, and functional programming.

**Special JS feature or syntax**

There are no special JavaScript features or syntaxes mentioned in the benchmark definition. The focus is on comparing the performance of two different methods: native `Array.prototype.find` and Lodash's `_find` function.

Now that we've explored the details of the benchmark, let's discuss alternatives:

**Alternatives**

If you're looking for alternative ways to search for an object within a large array, here are some options:

1. **Native JavaScript `Array.prototype.findIndex`**: This method returns the index of the first element that satisfies the provided condition, rather than the element itself.
2. **Destructuring assignment**: You can use destructuring assignment to extract the desired property from each element in the array and compare it to a target value.
3. **Regular expressions**: In some cases, you can use regular expressions to search for patterns within the array data.

Keep in mind that these alternatives may have different performance characteristics or trade-offs depending on your specific use case.

Related benchmarks:

Array.prototype.find vs Lodash find object (version: 0)

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

Created: 2 years ago by: Guest

Jump to the latest result

Array.prototype.find

Lodash find

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