Benchmark: IndexOf vs Includes vs lodash includes on the arrays of strings

HTML Preparation code:

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

Script Preparation code:

var array = [  '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', 'banana', 'sausage', 'jesus', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana','1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana', '1banana']

Tests:

Includes
array.includes('sausage')
lodash
_.includes(array, 'sausage')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Includes
lodash

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

I'd be happy to help explain the provided benchmark.

**Benchmark Overview**

The benchmark measures the performance of three different methods for checking if an element is present in an array:

1. **`array.includes()`**: A built-in JavaScript method that checks if an element is included in an array.
2. **`.includes()`** (with dot notation): This method is also part of the Array prototype, but uses a dot notation instead of bracket notation like `array[...]`.
3. **`lodash.includes(array, 'sausage')`**: A method from the popular JavaScript utility library Lodash that checks if an element is included in an array.

**Options Compared**

The benchmark compares the performance of these three methods on two aspects:

1. **Speed**: Which method is faster?
2. **Optimization**: Are there any optimization differences between the three methods?

**Pros and Cons of Each Method**

Here's a brief analysis of each method:

1. **`array.includes()`**:
	* Pros: Simple, straightforward implementation, widely supported.
	* Cons: May not be optimized for performance in all cases (e.g., large arrays).
2. **`.includes()`** (with dot notation):
	* Pros: Similar to `array.includes()`, but with a different syntax.
	* Cons: May have slightly worse performance due to the extra overhead of looking up a property on an object.
3. **`lodash.includes(array, 'sausage')`**:
	* Pros: Part of Lodash, which is a popular and widely-used utility library. This method may be optimized for performance.
	* Cons: Requires including Lodash in your project, which adds extra dependencies.

**Library Used**

In this benchmark, the `lodash` library is used to implement the `_.includes()` method. Lodash is a JavaScript library that provides a collection of high-quality, reusable functions for tasks such as array manipulation, string manipulation, and more.

**Special JS Feature or Syntax**

This benchmark uses some special features of JavaScript:

* **Dot notation**: The `.includes()` method uses dot notation to access an object's properties. This is not typically seen in everyday JavaScript code, but is used here for demonstration purposes.
* **Lodash**: Lodash is a popular utility library that provides many useful functions for tasks like array manipulation and string manipulation.

**Other Alternatives**

If you're looking for alternative methods to check if an element is present in an array, some other options include:

* Using `indexOf()` with the `-1` return value (e.g., `array.indexOf('sausage') === -1`)
* Using a simple loop or `forEach()` method
* Using a custom implementation using bitwise operations (e.g., `array.includes('sausage')` can be implemented using bitwise operations, but this is not typically seen in everyday JavaScript code)

I hope this explanation helps! Let me know if you have any further questions.

Latest run results:

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

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

Browser/OS: Chrome 96 on Windows

View result in a separate tab

Test name	Executions per second
Includes	9170635.0 Ops/sec
lodash	1316961.9 Ops/sec

Related benchmarks:

IndexOf vs Includes vs lodash includes on the arrays of strings (version: 0)

Banana

Comparing performance of: Includes vs lodash

Created: 2 years ago by: Guest

Jump to the latest result

Includes

lodash

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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