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>

​x
 
​
<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']

 
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')
array.includes('sausage')
lodash
_.includes(array, 'sausage')
_.includes(array, 'sausage')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
Includes
lodash

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/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

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

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:

array.includes(): A built-in JavaScript method that checks if an element is included in an array.
.includes() (with dot notation): This method is also part of the Array prototype, but uses a dot notation instead of bracket notation like array[...].
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:

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

Pros and Cons of Each Method

Here's a brief analysis of each method:

array.includes():
- Pros: Simple, straightforward implementation, widely supported.
- Cons: May not be optimized for performance in all cases (e.g., large arrays).
.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.
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.

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.

Related benchmarks:

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

Banana

Comparing performance of: Includes vs lodash

Created: 3 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 6 months ago):