Benchmark: Object.hasOwnProperty vs Object in vs Object[] vs Array.indexOf vs Array.includes vs Set.has

Script Preparation code:

  var object = {},
      array = [],
      set = new Set(),
      i, test = 1000;
  
  for (i = 0; i < 1000; i++) {
   object['something' + i] = true;
   array.push('something' + i);
   set.add('something' + i);
  }

Tests:

Object.hasOwnProperty
object.hasOwnProperty('something' + test)
Object in
('something' + test) in object
Array.indexOf
array.indexOf('something' + test) !== -1
direct
object['something' + test] === true
Array includes
array.includes('something' + test)
Set has
set.has('something' + test)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.hasOwnProperty
Object in
Array.indexOf
direct
Array includes
Set has

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/130.0.0.0 Safari/537.36

Browser/OS: Chrome 130 on Windows

View result in a separate tab

Test name	Executions per second
Object.hasOwnProperty	2043667.2 Ops/sec
Object in	1975064.2 Ops/sec
Array.indexOf	346468.5 Ops/sec
direct	2001487.5 Ops/sec
Array includes	346755.3 Ops/sec
Set has	1482262.8 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll explain the benchmark in detail.

**Overview**

The provided JSON represents a JavaScript microbenchmark test case, where six different approaches are compared: `Object.hasOwnProperty`, `Object in`, `direct` (i.e., accessing an object property directly), `Array.indexOf`, `Array includes`, and `Set.has`. The test creates a large number of objects, arrays, and sets to simulate real-world scenarios.

**Options Compared**

The benchmark compares the performance of six different approaches:

1. **Object.hasOwnProperty**: uses the `hasOwnProperty` method to check if an object has a specific property.
2. **Object in**: uses the `in` operator to check if an object has a specific property.
3. **direct**: accesses an object property directly, without using any special methods or operators.
4. **Array.indexOf**: uses the `indexOf` method to search for an element in an array.
5. **Array includes**: uses the `includes` method to check if an element is present in an array (introduced in ES6+).
6. **Set.has**: uses the `has` method to check if a set contains a specific value.

**Pros and Cons of Each Approach**

1. **Object.hasOwnProperty**:
	* Pros: efficient, widely supported.
	* Cons: can be slower than direct access for modern browsers.
2. **Object in**:
	* Pros: concise, easy to read.
	* Cons: may not work as expected if the property is inherited or has a getter/setter.
3. **direct**:
	* Pros: fast, widely supported.
	* Cons: requires direct access to the object's property, which can be less readable.
4. **Array.indexOf**:
	* Pros: efficient, widely supported.
	* Cons: may not work as expected if the array is very large or has a large number of duplicate elements.
5. **Array includes**:
	* Pros: concise, easy to read, efficient for modern browsers.
	* Cons: introduced in ES6+, not supported in older browsers.
6. **Set.has**:
	* Pros: efficient, widely supported.
	* Cons: may be slower than direct access for very large sets.

**Other Considerations**

1. **Modern Browsers**: The benchmark likely targets modern browsers that support `includes`, `hasOwnProperty` is optimized for performance in those cases, while other methods might be more slow due to the number of operations involved.
2. **Array and Set Operations**: The benchmark simulates real-world scenarios by creating large arrays and sets, which can affect the performance of these methods.

**Library Used**

No libraries are explicitly mentioned in the provided JSON. However, it's worth noting that some of the methods used (e.g., `hasOwnProperty`, `in`, `indexOf`) are built-in JavaScript methods that do not require any external libraries.

**Special JS Features/Syntax**

The benchmark uses a few ES6+ features introduced in later versions of JavaScript:

1. **template literals**: used to concatenate strings and variables, e.g., `'something' + test`.
2. **ES6 sets**: used to create a `set` object, which is a collection of unique values.

Overall, the benchmark provides a comprehensive comparison of various approaches for accessing properties in objects, arrays, and sets, highlighting both the pros and cons of each method.

Related benchmarks:

Object.hasOwnProperty vs Object in vs Object[] vs Array.indexOf vs Array.includes vs Set.has (version: 0)

Comparing performance of: Object.hasOwnProperty vs Object in vs Array.indexOf vs direct vs Array includes vs Set has

Created: 5 years ago by: Guest

Jump to the latest result

Object.hasOwnProperty

Object in

Array.indexOf

direct

Array includes

Set has

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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